UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

lightningdesignsystem.com

salesforce-ux/design-system

352 lines • 12.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
module.exports = { contact: "rgb(160, 148, 237)", multiSelectCheckbox: "rgb(150, 148, 146)", workOrder: "rgb(80, 227, 194)", post: "rgb(101, 202, 228)", globalConstant: "rgb(84, 105, 141)", carousel: "rgb(107, 189, 110)", workContract: "rgb(0, 161, 224)", resourceSkill: "rgb(69, 193, 115)", systemAndGlobalVariable: "rgb(84, 105, 141)", segments: "rgb(242, 139, 0)", goals: "rgb(86, 170, 223)", caseWrapUp: "rgb(242, 207, 91)", investmentAccount: "rgb(75, 192, 118)", store: "rgb(4, 132, 75)", output: "rgb(67, 156, 186)", storeGroup: "rgb(60, 151, 221)", all: "rgb(84, 105, 141)", picklistChoice: "rgb(84, 105, 141)", choice: "rgb(84, 105, 141)", app: "rgb(252, 185, 91)", default: "rgb(129, 153, 175)", caseMilestone: "rgb(242, 207, 91)", today: "rgb(239, 126, 173)", buyerAccount: "rgb(4, 132, 75)", leadList: "rgb(248, 137, 98)", workPlanTemplate: "rgb(68, 148, 136)", shift: "rgb(235, 112, 146)", productItemTransaction: "rgb(248, 137, 98)", apex: "rgb(84, 105, 141)", replyText: "rgb(248, 137, 101)", answerPrivate: "rgb(242, 207, 91)", assetDowntimePeriod: "rgb(49, 122, 146)", opportunityContactRole: "rgb(126, 139, 228)", retailBankingConsole: "rgb(0, 175, 160)", channelProgramMembers: "rgb(14, 181, 138)", appsAdmin: "rgb(152, 149, 238)", datadotcom: "rgb(21, 137, 238)", settings: "rgb(4, 132, 75)", productItem: "rgb(118, 158, 217)", metrics: "rgb(86, 170, 223)", topic2: "rgb(86, 170, 208)", partnerFundAllocation: "rgb(14, 181, 138)", approval: "rgb(80, 204, 122)", workQueue: "rgb(84, 105, 141)", iotOrchestrations: "rgb(42, 115, 158)", visualforcePage: "rgb(252, 185, 91)", personAccount: "rgb(127, 141, 225)", entity: "rgb(248, 137, 98)", serviceTerritoryLocation: "rgb(126, 139, 228)", entitlementPolicy: "rgb(4, 132, 75)", orderItem: "rgb(118, 158, 211)", readReceipts: "rgb(75, 192, 118)", javascriptButton: "rgb(252, 185, 91)", maintenanceAsset: "rgb(42, 115, 158)", workPlanRule: "rgb(68, 148, 136)", loop: "rgb(255, 154, 60)", portalRolesAndSubordinates: "rgb(122, 154, 230)", workCapacityLimit: "rgb(0, 121, 188)", employeeOrganization: "rgb(0, 161, 224)", constant: "rgb(84, 105, 141)", marketingActions: "rgb(107, 189, 110)", caseTranscript: "rgb(242, 207, 91)", timesheetEntry: "rgb(125, 195, 125)", multiPicklist: "rgb(150, 148, 146)", visitTemplates: "rgb(60, 151, 221)", task: "rgb(75, 192, 118)", answerBest: "rgb(242, 207, 91)", assetAction: "rgb(49, 122, 146)", orders: "rgb(118, 158, 217)", pastChat: "rgb(248, 137, 96)", feedback: "rgb(109, 161, 234)", actionListComponent: "rgb(88, 118, 163)", opportunitySplits: "rgb(252, 185, 91)", messagingUser: "rgb(52, 190, 205)", trailhead: "rgb(3, 46, 97)", entitlements: "rgb(183, 129, 211)", formula: "rgb(84, 105, 141)", caseLogACall: "rgb(242, 207, 91)", thanksLoading: "rgb(184, 195, 206)", jobFamily: "rgb(0, 161, 224)", serviceAppointmentCapacityUsage: "rgb(0, 121, 188)", channelProgramLevels: "rgb(14, 181, 138)", letterhead: "rgb(60, 151, 221)", emailChatter: "rgb(242, 207, 91)", announcement: "rgb(98, 183, 237)", bot: "rgb(84, 105, 143)", macros: "rgb(71, 207, 210)", dashboardEa: "rgb(126, 139, 228)", jobProfile: "rgb(235, 112, 146)", steps: "rgb(84, 105, 141)", assetRelationship: "rgb(250, 151, 92)", highVelocitySales: "rgb(71, 207, 201)", brand: "rgb(126, 139, 228)", visits: "rgb(60, 151, 221)", einsteinReplies: "rgb(248, 137, 101)", coaching: "rgb(246, 117, 148)", recordLookup: "rgb(235, 112, 146)", lightningComponent: "rgb(150, 148, 146)", search: "rgb(98, 183, 237)", connectedApps: "rgb(152, 149, 238)", workTypeGroup: "rgb(0, 121, 188)", education: "rgb(60, 151, 221)", workType: "rgb(84, 105, 141)", environmentHub: "rgb(84, 105, 141)", cms: "rgb(136, 198, 81)", callCoaching: "rgb(60, 151, 221)", salesforceCms: "rgb(0, 161, 223)", thanks: "rgb(233, 105, 110)", serviceTerritoryMember: "rgb(126, 139, 228)", userRole: "rgb(143, 201, 110)", workCapacityUsage: "rgb(0, 121, 188)", recordCreate: "rgb(235, 112, 146)", campaignMembers: "rgb(244, 151, 86)", retailBanking: "rgb(0, 210, 190)", portalRoles: "rgb(251, 137, 80)", calibration: "rgb(71, 207, 210)", answerPublic: "rgb(242, 207, 91)", displayText: "rgb(150, 148, 146)", unmatched: "rgb(98, 183, 237)", partners: "rgb(14, 181, 138)", emailIq: "rgb(160, 148, 237)", serviceCrew: "rgb(250, 151, 92)", voiceCall: "rgb(48, 200, 90)", cancelCheckout: "rgb(150, 148, 146)", resourceCapacity: "rgb(69, 193, 115)", channelPrograms: "rgb(14, 181, 138)", quip: "rgb(211, 69, 29)", quipSheet: "rgb(48, 200, 90)", timeslot: "rgb(250, 178, 76)", liveChat: "rgb(248, 137, 96)", jobPosition: "rgb(0, 161, 224)", sobjectCollection: "rgb(84, 105, 141)", user: "rgb(52, 190, 205)", client: "rgb(0, 210, 190)", schedulingConstraints: "rgb(235, 112, 146)", screen: "rgb(21, 137, 238)", portal: "rgb(174, 199, 112)", partnerFundRequest: "rgb(14, 181, 138)", resourcePreference: "rgb(69, 193, 115)", firstNonEmpty: "rgb(233, 105, 110)", customer360: "rgb(3, 46, 97)", employeeJob: "rgb(0, 161, 224)", resourceAbsence: "rgb(69, 193, 115)", textTemplate: "rgb(84, 105, 141)", entitlementTemplate: "rgb(126, 139, 228)", lightningUsage: "rgb(126, 139, 228)", entitlement: "rgb(126, 139, 228)", empty: "rgb(129, 153, 175)", text: "rgb(150, 148, 146)", delegatedAccount: "rgb(4, 132, 75)", fulfillmentOrder: "rgb(185, 172, 145)", caseEmail: "rgb(242, 207, 91)", account: "rgb(127, 141, 225)", assignment: "rgb(255, 154, 60)", wealthManagementConsole: "rgb(0, 175, 160)", task2: "rgb(75, 192, 118)", codePlayground: "rgb(84, 105, 141)", social: "rgb(234, 116, 162)", endorsement: "rgb(139, 154, 227)", folder: "rgb(139, 154, 227)", serviceCrewMember: "rgb(126, 139, 228)", flow: "rgb(0, 121, 188)", expenseReportEntry: "rgb(58, 49, 128)", employee: "rgb(0, 161, 224)", omniSupervisor: "rgb(138, 118, 240)", assetObject: "rgb(49, 122, 146)", product: "rgb(183, 129, 211)", topic: "rgb(86, 170, 223)", productRequired: "rgb(239, 110, 100)", dynamicRecordChoice: "rgb(84, 105, 141)", process: "rgb(0, 121, 188)", people: "rgb(52, 190, 205)", reward: "rgb(233, 105, 110)", employeeContact: "rgb(0, 161, 224)", performance: "rgb(248, 177, 86)", caseComment: "rgb(242, 207, 91)", salesChannel: "rgb(42, 115, 158)", apexPlugin: "rgb(84, 105, 141)", campaign: "rgb(244, 151, 86)", contactRequest: "rgb(251, 137, 84)", businessHours: "rgb(125, 195, 125)", evernote: "rgb(134, 200, 111)", serviceTerritory: "rgb(126, 139, 228)", customerLifecycleAnalytics: "rgb(146, 116, 223)", case: "rgb(242, 207, 91)", currency: "rgb(150, 148, 146)", record: "rgb(125, 195, 125)", queue: "rgb(84, 105, 141)", scheduleObjective: "rgb(42, 115, 158)", contractLineItem: "rgb(110, 192, 110)", skillEntity: "rgb(139, 154, 227)", skill: "rgb(250, 151, 92)", operatingHours: "rgb(107, 158, 226)", custom: "rgb(129, 153, 175)", relatedList: "rgb(89, 188, 171)", botTraining: "rgb(88, 118, 163)", caseChangeStatus: "rgb(242, 207, 91)", insuranceConsole: "rgb(0, 175, 160)", contract: "rgb(110, 192, 110)", sobject: "rgb(150, 148, 146)", salesCadenceTarget: "rgb(84, 105, 141)", photo: "rgb(215, 209, 209)", apps: "rgb(60, 151, 221)", timesheet: "rgb(126, 139, 228)", drafts: "rgb(108, 161, 233)", outcome: "rgb(255, 154, 60)", workOrderItem: "rgb(51, 168, 220)", pricebook: "rgb(183, 129, 211)", scanCard: "rgb(243, 158, 88)", note: "rgb(230, 212, 120)", buyerGroup: "rgb(4, 132, 75)", opportunity: "rgb(252, 185, 91)", news: "rgb(127, 141, 225)", displayRichText: "rgb(150, 148, 146)", strategy: "rgb(75, 192, 113)", callHistory: "rgb(242, 207, 91)", webcart: "rgb(4, 132, 75)", report: "rgb(46, 203, 190)", groups: "rgb(119, 158, 242)", dataModel: "rgb(235, 112, 146)", dashboard: "rgb(239, 110, 100)", genericLoading: "rgb(184, 195, 206)", numberInput: "rgb(150, 148, 146)", address: "rgb(75, 192, 118)", entityMilestone: "rgb(244, 151, 86)", wealthManagement: "rgb(0, 210, 190)", customers: "rgb(14, 181, 138)", story: "rgb(84, 105, 141)", serviceAppointment: "rgb(126, 139, 228)", maintenancePlan: "rgb(42, 115, 158)", dataIntegrationHub: "rgb(42, 115, 158)", workPlanTemplateEntry: "rgb(68, 148, 136)", hierarchy: "rgb(52, 190, 205)", partnerMarketingBudget: "rgb(14, 181, 138)", assetActionSource: "rgb(49, 122, 146)", skillRequirement: "rgb(250, 151, 92)", location: "rgb(75, 192, 118)", radioButton: "rgb(150, 148, 146)", avatarLoading: "rgb(184, 195, 206)", article: "rgb(242, 207, 91)", invocableAction: "rgb(84, 105, 141)", proposition: "rgb(60, 151, 221)", snippets: "rgb(14, 181, 138)", customerPortalUsers: "rgb(60, 151, 219)", actionsAndButtons: "rgb(252, 185, 91)", recordUpdate: "rgb(235, 112, 146)", shiftType: "rgb(235, 112, 146)", logACall: "rgb(72, 195, 204)", quotes: "rgb(136, 198, 81)", questionFeed: "rgb(242, 207, 91)", kanban: "rgb(60, 151, 221)", workPlan: "rgb(68, 148, 136)", shiftTemplate: "rgb(235, 112, 146)", merge: "rgb(242, 207, 91)", expense: "rgb(58, 49, 128)", dataset: "rgb(176, 112, 230)", productConsumed: "rgb(85, 188, 156)", canvas: "rgb(129, 153, 175)", forecasts: "rgb(107, 189, 110)", relationship: "rgb(60, 151, 221)", serviceResource: "rgb(126, 139, 228)", filter: "rgb(21, 57, 238)", salesPath: "rgb(42, 115, 158)", events: "rgb(60, 151, 219)", sms: "rgb(136, 198, 81)", rtcPresence: "rgb(71, 207, 210)", avatar: "rgb(98, 183, 237)", recordDelete: "rgb(235, 112, 146)", solution: "rgb(143, 201, 114)", partnerFundClaim: "rgb(14, 181, 138)", individual: "rgb(60, 151, 221)", customNotification: "rgb(107, 183, 228)", dateInput: "rgb(150, 148, 146)", catalog: "rgb(2, 126, 70)", template: "rgb(60, 151, 221)", shipment: "rgb(126, 139, 228)", event: "rgb(235, 112, 146)", insurance: "rgb(0, 210, 190)", liveChatVisitor: "rgb(246, 137, 96)", textarea: "rgb(150, 148, 146)", workStep: "rgb(68, 148, 136)", picklistType: "rgb(150, 148, 146)", survey: "rgb(49, 159, 214)", link: "rgb(122, 154, 230)", messagingSession: "rgb(52, 190, 205)", listEmail: "rgb(139, 174, 181)", recycleBin: "rgb(21, 137, 228)", document: "rgb(186, 172, 147)", productTransfer: "rgb(248, 137, 98)", instoreLocations: "rgb(84, 105, 141)", recent: "rgb(108, 161, 233)", shiftPreferences: "rgb(235, 112, 146)", password: "rgb(150, 148, 146)", expenseReport: "rgb(58, 49, 128)", branchMerge: "rgb(233, 105, 110)", insights: "rgb(236, 148, 237)", dropbox: "rgb(82, 174, 249)", employeeJobPosition: "rgb(0, 161, 224)", file: "rgb(186, 172, 147)", currencyInput: "rgb(150, 148, 146)", variable: "rgb(84, 105, 141)", teamMember: "rgb(242, 207, 91)", agentSession: "rgb(248, 137, 96)", groupLoading: "rgb(184, 195, 206)", lead: "rgb(248, 137, 98)", email: "rgb(149, 174, 197)", serviceContract: "rgb(138, 118, 240)", decision: "rgb(255, 154, 60)", snippet: "rgb(160, 148, 237)", entitlementProcess: "rgb(126, 139, 228)", contactList: "rgb(160, 148, 237)", planogram: "rgb(60, 151, 221)", activations: "rgb(176, 112, 230)", schedulingPolicy: "rgb(235, 112, 146)", channelProgramHistory: "rgb(14, 181, 138)", questionBest: "rgb(242, 207, 91)", collectionVariable: "rgb(84, 105, 141)", salesValue: "rgb(60, 151, 221)", knowledge: "rgb(236, 148, 237)", dateTime: "rgb(150, 148, 146)", category: "rgb(2, 126, 70)", dataStreams: "rgb(239, 110, 100)", textbox: "rgb(150, 148, 146)", leadInsights: "rgb(34, 176, 230)", waits: "rgb(255, 154, 60)", concur: "rgb(76, 195, 199)", feed: "rgb(98, 183, 237)", sort: "rgb(21, 57, 238)", messagingConversation: "rgb(52, 190, 205)", serviceReport: "rgb(126, 139, 228)", iotContext: "rgb(42, 115, 158)", assetStatePeriod: "rgb(49, 122, 146)", call: "rgb(242, 207, 91)", stage: "rgb(255, 154, 60)", salesCadence: "rgb(84, 105, 141)", productRequestLineItem: "rgb(136, 198, 81)", returnOrderLineItem: "rgb(0, 150, 136)", chart: "rgb(31, 202, 160)", quickText: "rgb(98, 183, 229)", home: "rgb(239, 126, 173)", sossession: "rgb(84, 105, 141)", employeeAsset: "rgb(0, 161, 224)", stageCollection: "rgb(255, 154, 60)", productRequest: "rgb(136, 198, 81)", logging: "rgb(0, 161, 223)", assignedResource: "rgb(69, 193, 115)", returnOrder: "rgb(0, 150, 136)", poll: "rgb(105, 155, 225)", household: "rgb(0, 175, 160)", workStepTemplate: "rgb(68, 148, 136)", };