UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

github.com/salesforce-ux/design-system

salesforce-ux/design-system

83 lines • 4.67 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
{ "COLOR_BACKGROUND_BUTTON_BRAND": "rgb(0, 112, 210)", "COLOR_BACKGROUND_BUTTON_BRAND_ACTIVE": "rgb(0, 57, 107)", "COLOR_BACKGROUND_BUTTON_BRAND_HOVER": "rgb(0, 95, 178)", "COLOR_BACKGROUND_BUTTON_BRAND_DISABLED": "rgb(224, 229, 238)", "COLOR_BACKGROUND_BUTTON_DEFAULT": "rgb(255, 255, 255)", "COLOR_BACKGROUND_BUTTON_DEFAULT_HOVER": "rgb(244, 246, 249)", "COLOR_BACKGROUND_BUTTON_DEFAULT_FOCUS": "rgb(244, 246, 249)", "COLOR_BACKGROUND_BUTTON_DEFAULT_ACTIVE": "rgb(238, 241, 246)", "COLOR_BACKGROUND_BUTTON_DEFAULT_DISABLED": "rgb(255, 255, 255)", "COLOR_BACKGROUND_BUTTON_ICON": "rgba(0, 0, 0, 0)", "COLOR_BACKGROUND_BUTTON_ICON_HOVER": "rgb(244, 246, 249)", "COLOR_BACKGROUND_BUTTON_ICON_FOCUS": "rgb(244, 246, 249)", "COLOR_BACKGROUND_BUTTON_ICON_ACTIVE": "rgb(238, 241, 246)", "COLOR_BACKGROUND_BUTTON_ICON_DISABLED": "rgb(255, 255, 255)", "COLOR_BACKGROUND_BUTTON_INVERSE": "rgba(0, 0, 0, 0)", "COLOR_BACKGROUND_BUTTON_INVERSE_ACTIVE": "rgba(0, 0, 0, 0.24)", "COLOR_BACKGROUND_BUTTON_INVERSE_DISABLED": "rgba(0, 0, 0, 0)", "LINE_HEIGHT_BUTTON": "1.875rem", "LINE_HEIGHT_BUTTON_SMALL": "1.75rem", "CARD_COLOR_BACKGROUND": "rgb(255, 255, 255)", "CARD_SPACING_SMALL": "0.75rem", "CARD_SPACING_MEDIUM": "1rem", "CARD_SPACING_LARGE": "1.5rem", "LINE_HEIGHT_TOGGLE": "1.3rem", "SQUARE_TOGGLE_SLIDER": "1.25rem", "WIDTH_TOGGLE": "3rem", "HEIGHT_TOGGLE": "1.5rem", "TABLE_SPACING_X_SMALL": "0.5rem", "COLOR_BACKGROUND_DOCKED_PANEL_HEADER": "rgb(247, 249, 251)", "HEIGHT_DOCKED_BAR": "2.5rem", "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_BADGE": "rgb(212, 80, 76)", "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS": "rgb(168, 183, 199)", "COLOR_BACKGROUND_ICON_WAFFLE": "rgb(84, 105, 141)", "SQUARE_ICON_GLOBAL_IDENTITY_ICON": "1.25rem", "COLOR_BACKGROUND_CONTEXT_BAR": "rgb(255, 255, 255)", "COLOR_BACKGROUND_CONTEXT_BAR_BRAND_ACCENT": "rgb(0, 161, 223)", "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_HOVER": "rgb(247, 249, 251)", "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_ACTIVE": "rgb(247, 249, 251)", "COLOR_BACKGROUND_CONTEXT_TAB_BAR_ITEM": "rgb(255, 255, 255)", "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_HOVER": "rgba(255, 255, 255, 0.2)", "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_ACTIVE": "rgba(255, 255, 255, 0.4)", "COLOR_BACKGROUND_CONTEXT_BAR_SHADOW": "linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%)", "COLOR_BACKGROUND_CONTEXT_BAR_ACTION_HIGHLIGHT": "rgba(255, 255, 255, 0.2)", "COLOR_BORDER_CONTEXT_BAR_DIVIDER": "rgba(255, 255, 255, 0.2)", "COLOR_BORDER_CONTEXT_BAR_ITEM": "rgba(0, 0, 0, 0.2)", "COLOR_BORDER_CONTEXT_BAR_INVERSE_ITEM": "rgba(255, 255, 255, 0.2)", "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT": "rgb(0, 161, 223)", "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ALT": "rgb(228, 233, 243)", "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_HOVER": "rgb(11, 35, 153)", "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ACTIVE": "rgb(228, 233, 243)", "HEIGHT_CONTEXT_BAR": "2.5rem", "COLOR_TEXT_CONTEXT_BAR": "rgb(84, 105, 141)", "COLOR_TEXT_CONTEXT_BAR_INVERSE": "rgb(255, 255, 255)", "COLOR_TEXT_CONTEXT_BAR_ACTION_TRIGGER": "rgba(255, 255, 255, 0.4)", "COLOR_BACKGROUND_ANCHOR": "rgb(244, 246, 249)", "COLOR_BACKGROUND_PAGE_HEADER": "rgb(247, 249, 251)", "COLOR_BACKGROUND_PATH_COMPLETE": "rgb(75, 202, 129)", "COLOR_BACKGROUND_PATH_COMPLETE_HOVER": "rgb(4, 132, 75)", "COLOR_BACKGROUND_PATH_CURRENT": "rgb(0, 112, 210)", "COLOR_BACKGROUND_PATH_CURRENT_HOVER": "rgb(0, 95, 178)", "COLOR_BACKGROUND_PATH_INCOMPLETE": "rgb(224, 229, 238)", "COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER": "rgb(216, 221, 230)", "COLOR_BACKGROUND_PATH_LOST": "rgb(194, 57, 52)", "COLOR_BACKGROUND_GUIDANCE": "rgb(250, 250, 251)", "COLOR_BORDER_PATH_DIVIDER": "rgb(255, 255, 255)", "LINE_HEIGHT_SALESPATH": "1.5rem", "HEIGHT_SALES_PATH": "2rem", "PROGRESS_COLOR_BACKGROUND": "rgb(255, 255, 255)", "PROGRESS_COLOR_BACKGROUND_SHADE": "rgb(244, 246, 249)", "PROGRESS_BAR_COLOR_BACKGROUND": "rgb(216, 221, 230)", "PROGRESS_BAR_COLOR_BACKGROUND_FILL": "rgb(94, 180, 255)", "PROGRESS_COLOR_BORDER": "rgb(255, 255, 255)", "PROGRESS_COLOR_BORDER_SHADE": "rgb(244, 246, 249)", "PROGRESS_COLOR_BORDER_HOVER": "rgb(0, 112, 210)", "PROGRESS_COLOR_BORDER_ACTIVE": "rgb(21, 137, 238)", "PROGRESS_BAR_HEIGHT": "0.125rem", "SPLIT_VIEW_COLOR_BACKGROUND": "rgb(228, 233, 243)", "SPLIT_VIEW_COLOR_BACKGROUND_ROW_HOVER": "rgb(238, 241, 246)", "SPLIT_VIEW_COLOR_BORDER": "rgb(206, 213, 225)", "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER": "rgb(238, 241, 246)", "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE": "rgb(232, 236, 243)" }