polaris_tokens 2.17.0 → 2.21.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +6 -6
- data/dist-modern/palette/base.dark.android.xml +1 -1
- data/dist-modern/palette/base.dark.figma.json +1 -637
- data/dist-modern/palette/base.dark.ios.json +1 -1092
- data/dist-modern/palette/base.dark.json +2 -2
- data/dist-modern/palette/base.dark.polaris.custom-properties.css +129 -0
- data/dist-modern/palette/base.light.figma.json +1 -637
- data/dist-modern/palette/base.light.ios.json +1 -1042
- data/dist-modern/palette/base.light.json +1 -1
- data/dist-modern/palette/base.light.polaris.custom-properties.css +129 -0
- data/dist-modern/palette/mfp-ui.dark.android.xml +130 -0
- data/dist-modern/palette/mfp-ui.dark.figma.json +1 -0
- data/dist-modern/palette/mfp-ui.dark.ios.json +1 -0
- data/dist-modern/palette/mfp-ui.dark.json +129 -0
- data/dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css +129 -0
- data/dist-modern/palette/mfp-ui.light.android.xml +130 -0
- data/dist-modern/palette/mfp-ui.light.figma.json +1 -0
- data/dist-modern/palette/mfp-ui.light.ios.json +1 -0
- data/dist-modern/palette/mfp-ui.light.json +129 -0
- data/dist-modern/palette/mfp-ui.light.polaris.custom-properties.css +129 -0
- data/dist-modern/theme/base.json +1 -1
- data/dist-modern/theme/mfp-ui.json +12 -0
- data/dist/color-filters.color-map.scss +8 -0
- data/dist/index.common.js +168 -75
- data/dist/index.d.ts +149 -77
- data/dist/index.esm.js +166 -0
- data/index.js +4 -0
- data/package.json +4 -3
- metadata +16 -2
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<resources>
|
|
3
|
+
<color name="polaris_action_critical">#ffd82c0d</color>
|
|
4
|
+
<color name="polaris_action_critical_depressed">#ff6c0f00</color>
|
|
5
|
+
<color name="polaris_action_critical_disabled">#fff1f1f1</color>
|
|
6
|
+
<color name="polaris_action_critical_hovered">#ffbc2200</color>
|
|
7
|
+
<color name="polaris_action_critical_pressed">#ffa21b00</color>
|
|
8
|
+
<color name="polaris_action_primary">#ff2e71bf</color>
|
|
9
|
+
<color name="polaris_action_primary_depressed">#ff12355f</color>
|
|
10
|
+
<color name="polaris_action_primary_disabled">#fff1f1f1</color>
|
|
11
|
+
<color name="polaris_action_primary_hovered">#ff2762a6</color>
|
|
12
|
+
<color name="polaris_action_primary_pressed">#ff20538f</color>
|
|
13
|
+
<color name="polaris_action_secondary">#ffffffff</color>
|
|
14
|
+
<color name="polaris_action_secondary_depressed">#ff6d7175</color>
|
|
15
|
+
<color name="polaris_action_secondary_disabled">#ffffffff</color>
|
|
16
|
+
<color name="polaris_action_secondary_hovered">#fff6f6f7</color>
|
|
17
|
+
<color name="polaris_action_secondary_pressed">#fff1f2f3</color>
|
|
18
|
+
<color name="polaris_backdrop">#80000000</color>
|
|
19
|
+
<color name="polaris_background">#fff6f6f7</color>
|
|
20
|
+
<color name="polaris_background_hovered">#fff1f2f3</color>
|
|
21
|
+
<color name="polaris_background_pressed">#ffedeeef</color>
|
|
22
|
+
<color name="polaris_background_selected">#ffedeeef</color>
|
|
23
|
+
<color name="polaris_border">#ff8c9196</color>
|
|
24
|
+
<color name="polaris_border_critical">#fffd5749</color>
|
|
25
|
+
<color name="polaris_border_critical_disabled">#ffffa7a3</color>
|
|
26
|
+
<color name="polaris_border_critical_subdued">#ffe0b3b2</color>
|
|
27
|
+
<color name="polaris_border_depressed">#ff575959</color>
|
|
28
|
+
<color name="polaris_border_disabled">#ffd2d5d8</color>
|
|
29
|
+
<color name="polaris_border_highlight">#ff449da7</color>
|
|
30
|
+
<color name="polaris_border_highlight_subdued">#ff98c6cd</color>
|
|
31
|
+
<color name="polaris_border_hovered">#ff999ea4</color>
|
|
32
|
+
<color name="polaris_border_neutral_subdued">#ffbabfc3</color>
|
|
33
|
+
<color name="polaris_border_shadow">#ffaeb4b9</color>
|
|
34
|
+
<color name="polaris_border_shadow_subdued">#ffbabfc4</color>
|
|
35
|
+
<color name="polaris_border_subdued">#ffc9cccf</color>
|
|
36
|
+
<color name="polaris_border_success">#ff00a47c</color>
|
|
37
|
+
<color name="polaris_border_success_subdued">#ff95c9b4</color>
|
|
38
|
+
<color name="polaris_border_warning">#ffb98900</color>
|
|
39
|
+
<color name="polaris_border_warning_subdued">#ffe1b878</color>
|
|
40
|
+
<color name="polaris_decorative_five_icon">#ffae2b4c</color>
|
|
41
|
+
<color name="polaris_decorative_five_surface">#fffdc9d0</color>
|
|
42
|
+
<color name="polaris_decorative_five_text">#ff4f0e1f</color>
|
|
43
|
+
<color name="polaris_decorative_four_icon">#ff006a68</color>
|
|
44
|
+
<color name="polaris_decorative_four_surface">#ff91e0d6</color>
|
|
45
|
+
<color name="polaris_decorative_four_text">#ff002d2d</color>
|
|
46
|
+
<color name="polaris_decorative_one_icon">#ff7e5700</color>
|
|
47
|
+
<color name="polaris_decorative_one_surface">#ffffc96b</color>
|
|
48
|
+
<color name="polaris_decorative_one_text">#ff3d2800</color>
|
|
49
|
+
<color name="polaris_decorative_three_icon">#ff006d41</color>
|
|
50
|
+
<color name="polaris_decorative_three_surface">#ff92e6b5</color>
|
|
51
|
+
<color name="polaris_decorative_three_text">#ff002f19</color>
|
|
52
|
+
<color name="polaris_decorative_two_icon">#ffaf294e</color>
|
|
53
|
+
<color name="polaris_decorative_two_surface">#ffffc4b0</color>
|
|
54
|
+
<color name="polaris_decorative_two_text">#ff490b1c</color>
|
|
55
|
+
<color name="polaris_divider">#ffe1e3e5</color>
|
|
56
|
+
<color name="polaris_focused">#ff458fff</color>
|
|
57
|
+
<color name="polaris_hint_from_direct_light">#26000000</color>
|
|
58
|
+
<color name="polaris_icon">#ff5c5f62</color>
|
|
59
|
+
<color name="polaris_icon_critical">#ffd72c0d</color>
|
|
60
|
+
<color name="polaris_icon_disabled">#ffbabec3</color>
|
|
61
|
+
<color name="polaris_icon_highlight">#ff00a0ac</color>
|
|
62
|
+
<color name="polaris_icon_hovered">#ff1a1c1d</color>
|
|
63
|
+
<color name="polaris_icon_on_critical">#ffffffff</color>
|
|
64
|
+
<color name="polaris_icon_on_interactive">#ffffffff</color>
|
|
65
|
+
<color name="polaris_icon_on_primary">#ffffffff</color>
|
|
66
|
+
<color name="polaris_icon_pressed">#ff44474a</color>
|
|
67
|
+
<color name="polaris_icon_subdued">#ff8c9196</color>
|
|
68
|
+
<color name="polaris_icon_success">#ff007f5f</color>
|
|
69
|
+
<color name="polaris_icon_warning">#ffb98900</color>
|
|
70
|
+
<color name="polaris_interactive">#ff2c6ecb</color>
|
|
71
|
+
<color name="polaris_interactive_critical">#ffd82c0d</color>
|
|
72
|
+
<color name="polaris_interactive_critical_disabled">#fffd938d</color>
|
|
73
|
+
<color name="polaris_interactive_critical_hovered">#ffcd290c</color>
|
|
74
|
+
<color name="polaris_interactive_critical_pressed">#ff670f03</color>
|
|
75
|
+
<color name="polaris_interactive_disabled">#ffbdc1cc</color>
|
|
76
|
+
<color name="polaris_interactive_hovered">#ff1f5199</color>
|
|
77
|
+
<color name="polaris_interactive_pressed">#ff103262</color>
|
|
78
|
+
<color name="polaris_on_surface_background">#fff1f2f3</color>
|
|
79
|
+
<color name="polaris_overlay">#80ffffff</color>
|
|
80
|
+
<color name="polaris_shadow_from_ambient_light">#0d171818</color>
|
|
81
|
+
<color name="polaris_shadow_from_dim_light">#33000000</color>
|
|
82
|
+
<color name="polaris_shadow_from_direct_light">#26000000</color>
|
|
83
|
+
<color name="polaris_surface">#ffffffff</color>
|
|
84
|
+
<color name="polaris_surface_critical">#fffed3d1</color>
|
|
85
|
+
<color name="polaris_surface_critical_subdued">#fffff4f4</color>
|
|
86
|
+
<color name="polaris_surface_critical_subdued_depressed">#fffebcb9</color>
|
|
87
|
+
<color name="polaris_surface_critical_subdued_hovered">#fffff0f0</color>
|
|
88
|
+
<color name="polaris_surface_critical_subdued_pressed">#ffffe9e8</color>
|
|
89
|
+
<color name="polaris_surface_depressed">#ffedeeef</color>
|
|
90
|
+
<color name="polaris_surface_disabled">#fffafbfb</color>
|
|
91
|
+
<color name="polaris_surface_highlight">#ffa4e8f2</color>
|
|
92
|
+
<color name="polaris_surface_highlight_subdued">#ffebf9fc</color>
|
|
93
|
+
<color name="polaris_surface_highlight_subdued_hovered">#ffe4f7fa</color>
|
|
94
|
+
<color name="polaris_surface_highlight_subdued_pressed">#ffd5f3f8</color>
|
|
95
|
+
<color name="polaris_surface_hovered">#fff6f6f7</color>
|
|
96
|
+
<color name="polaris_surface_neutral">#ffe4e5e7</color>
|
|
97
|
+
<color name="polaris_surface_neutral_disabled">#fff1f2f3</color>
|
|
98
|
+
<color name="polaris_surface_neutral_hovered">#ffdbdddf</color>
|
|
99
|
+
<color name="polaris_surface_neutral_pressed">#ffc9ccd0</color>
|
|
100
|
+
<color name="polaris_surface_neutral_subdued">#fff6f6f7</color>
|
|
101
|
+
<color name="polaris_surface_pressed">#fff1f2f3</color>
|
|
102
|
+
<color name="polaris_surface_primary_selected">#fff6f6f8</color>
|
|
103
|
+
<color name="polaris_surface_primary_selected_hovered">#ffc4c9d6</color>
|
|
104
|
+
<color name="polaris_surface_primary_selected_pressed">#ffafb6c7</color>
|
|
105
|
+
<color name="polaris_surface_selected">#fff2f7fe</color>
|
|
106
|
+
<color name="polaris_surface_selected_hovered">#ffedf4fe</color>
|
|
107
|
+
<color name="polaris_surface_selected_pressed">#ffe5effd</color>
|
|
108
|
+
<color name="polaris_surface_subdued">#fffafbfb</color>
|
|
109
|
+
<color name="polaris_surface_success">#ffaee9d1</color>
|
|
110
|
+
<color name="polaris_surface_success_subdued">#fff1f8f5</color>
|
|
111
|
+
<color name="polaris_surface_success_subdued_hovered">#ffecf6f1</color>
|
|
112
|
+
<color name="polaris_surface_success_subdued_pressed">#ffe2f1ea</color>
|
|
113
|
+
<color name="polaris_surface_warning">#ffffd79d</color>
|
|
114
|
+
<color name="polaris_surface_warning_subdued">#fffff5ea</color>
|
|
115
|
+
<color name="polaris_surface_warning_subdued_hovered">#fffff2e2</color>
|
|
116
|
+
<color name="polaris_surface_warning_subdued_pressed">#ffffebd3</color>
|
|
117
|
+
<color name="polaris_text">#ff202223</color>
|
|
118
|
+
<color name="polaris_text_critical">#ffd72c0d</color>
|
|
119
|
+
<color name="polaris_text_disabled">#ff8c9196</color>
|
|
120
|
+
<color name="polaris_text_highlight">#ff347c84</color>
|
|
121
|
+
<color name="polaris_text_on_critical">#ffffffff</color>
|
|
122
|
+
<color name="polaris_text_on_interactive">#ffffffff</color>
|
|
123
|
+
<color name="polaris_text_on_primary">#ffffffff</color>
|
|
124
|
+
<color name="polaris_text_primary">#ff2c6db9</color>
|
|
125
|
+
<color name="polaris_text_primary_hovered">#ff265fa2</color>
|
|
126
|
+
<color name="polaris_text_primary_pressed">#ff1f518b</color>
|
|
127
|
+
<color name="polaris_text_subdued">#ff6d7175</color>
|
|
128
|
+
<color name="polaris_text_success">#ff008060</color>
|
|
129
|
+
<color name="polaris_text_warning">#ff916a00</color>
|
|
130
|
+
</resources>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"name":"background","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Background/Default"},{"name":"backgroundHovered","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Background/Hovered"},{"name":"backgroundPressed","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Background/Pressed"},{"name":"backgroundSelected","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Background/Selected"},{"name":"surface","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Surface/Default"},{"name":"surfaceNeutral","value":{"r":228,"g":229,"b":231,"a":1},"figmaName":"Surface Neutral/Default"},{"name":"surfaceNeutralHovered","value":{"r":219,"g":221,"b":223,"a":1},"figmaName":"Surface Neutral/Hovered"},{"name":"surfaceNeutralPressed","value":{"r":201,"g":204,"b":208,"a":1},"figmaName":"Surface Neutral/Pressed"},{"name":"surfaceNeutralDisabled","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Surface Neutral/Disabled"},{"name":"surfaceNeutralSubdued","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Surface Neutral/Subdued"},{"name":"surfaceSubdued","value":{"r":250,"g":251,"b":251,"a":1},"figmaName":"Surface/Subdued"},{"name":"surfaceDisabled","value":{"r":250,"g":251,"b":251,"a":1},"figmaName":"Surface/Disabled"},{"name":"surfaceHovered","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Surface/Hovered"},{"name":"surfacePressed","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Surface/Pressed"},{"name":"surfaceDepressed","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Surface/Depressed"},{"name":"backdrop","value":{"r":0,"g":0,"b":0,"a":0.5},"figmaName":"Backdrop"},{"name":"overlay","value":{"r":255,"g":255,"b":255,"a":0.5},"figmaName":"Overlay"},{"name":"shadowFromDimLight","value":{"r":0,"g":0,"b":0,"a":0.2},"figmaName":"Shadow/From dim light"},{"name":"shadowFromAmbientLight","value":{"r":23,"g":24,"b":24,"a":0.05},"figmaName":"Shadow/From ambient light"},{"name":"shadowFromDirectLight","value":{"r":0,"g":0,"b":0,"a":0.15},"figmaName":"Shadow/From direct light"},{"name":"hintFromDirectLight","value":{"r":0,"g":0,"b":0,"a":0.15},"figmaName":"Hint/From direct light"},{"name":"onSurfaceBackground","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Background/Default"},{"name":"border","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Border/Default"},{"name":"borderNeutralSubdued","value":{"r":186,"g":191,"b":195,"a":1},"figmaName":"Border Neutral/Subdued"},{"name":"borderHovered","value":{"r":153,"g":158,"b":164,"a":1},"figmaName":"Border/Hovered"},{"name":"borderDisabled","value":{"r":210,"g":213,"b":216,"a":1},"figmaName":"Border/Disabled"},{"name":"borderSubdued","value":{"r":201,"g":204,"b":207,"a":1},"figmaName":"Border/Subdued"},{"name":"borderDepressed","value":{"r":87,"g":89,"b":89,"a":1},"figmaName":"Border/Depressed"},{"name":"borderShadow","value":{"r":174,"g":180,"b":185,"a":1},"figmaName":"BorderShadow"},{"name":"borderShadowSubdued","value":{"r":186,"g":191,"b":196,"a":1},"figmaName":"BorderShadow/Subdued"},{"name":"divider","value":{"r":225,"g":227,"b":229,"a":1},"figmaName":"Divider"},{"name":"icon","value":{"r":92,"g":95,"b":98,"a":1},"figmaName":"Icon/Default"},{"name":"iconHovered","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Icon/Hovered"},{"name":"iconPressed","value":{"r":68,"g":71,"b":74,"a":1},"figmaName":"Icon/Pressed"},{"name":"iconDisabled","value":{"r":186,"g":190,"b":195,"a":1},"figmaName":"Icon/Disabled"},{"name":"iconSubdued","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Icon/Subdued"},{"name":"text","value":{"r":32,"g":34,"b":35,"a":1},"figmaName":"Text/Default"},{"name":"textDisabled","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Text/Disabled"},{"name":"textSubdued","value":{"r":109,"g":113,"b":117,"a":1},"figmaName":"Text/Subdued"},{"name":"interactive","value":{"r":44,"g":110,"b":203,"a":1},"figmaName":"Interactive/Default"},{"name":"interactiveDisabled","value":{"r":189,"g":193,"b":204,"a":1},"figmaName":"Interactive/Disabled"},{"name":"interactiveHovered","value":{"r":31,"g":81,"b":153,"a":1},"figmaName":"Interactive/Hovered"},{"name":"interactivePressed","value":{"r":16,"g":50,"b":98,"a":1},"figmaName":"Interactive/Pressed"},{"name":"focused","value":{"r":69,"g":143,"b":255,"a":1},"figmaName":"Focused/Default"},{"name":"surfaceSelected","value":{"r":242,"g":247,"b":254,"a":1},"figmaName":"Surface Selected/Default"},{"name":"surfaceSelectedHovered","value":{"r":237,"g":244,"b":254,"a":1},"figmaName":"Surface Selected/Hovered"},{"name":"surfaceSelectedPressed","value":{"r":229,"g":239,"b":253,"a":1},"figmaName":"Surface Selected/Pressed"},{"name":"iconOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Interactive"},{"name":"textOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Interactive"},{"name":"actionSecondary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Action Secondary/Default"},{"name":"actionSecondaryDisabled","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Action Secondary/Disabled"},{"name":"actionSecondaryHovered","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Action Secondary/Hovered"},{"name":"actionSecondaryPressed","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Action Secondary/Pressed"},{"name":"actionSecondaryDepressed","value":{"r":109,"g":113,"b":117,"a":1},"figmaName":"Action Secondary/Depressed"},{"name":"actionPrimary","value":{"r":46,"g":113,"b":191,"a":1},"figmaName":"Action Primary/Default"},{"name":"actionPrimaryDisabled","value":{"r":241,"g":241,"b":241,"a":1},"figmaName":"Action Primary/Disabled"},{"name":"actionPrimaryHovered","value":{"r":39,"g":98,"b":166,"a":1},"figmaName":"Action Primary/Hovered"},{"name":"actionPrimaryPressed","value":{"r":32,"g":83,"b":143,"a":1},"figmaName":"Action Primary/Pressed"},{"name":"actionPrimaryDepressed","value":{"r":18,"g":53,"b":95,"a":1},"figmaName":"Action Primary/Depressed"},{"name":"iconOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Primary"},{"name":"textOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Primary"},{"name":"textPrimary","value":{"r":44,"g":109,"b":185,"a":1},"figmaName":"Text Primary/Default"},{"name":"textPrimaryHovered","value":{"r":38,"g":95,"b":162,"a":1},"figmaName":"Text Primary/hover"},{"name":"textPrimaryPressed","value":{"r":31,"g":81,"b":139,"a":1},"figmaName":"Text Primary/Pressed"},{"name":"surfacePrimarySelected","value":{"r":246,"g":246,"b":248,"a":1},"figmaName":"Surface Primary/Selected"},{"name":"surfacePrimarySelectedHovered","value":{"r":196,"g":201,"b":214,"a":1},"figmaName":"Surface Primary/Selected Hovered"},{"name":"surfacePrimarySelectedPressed","value":{"r":175,"g":182,"b":199,"a":1},"figmaName":"Surface Primary/Selected Pressed"},{"name":"borderCritical","value":{"r":253,"g":87,"b":73,"a":1},"figmaName":"Border Critical/Default"},{"name":"borderCriticalSubdued","value":{"r":224,"g":179,"b":178,"a":1},"figmaName":"Border Critical/Subdued"},{"name":"borderCriticalDisabled","value":{"r":255,"g":167,"b":163,"a":1},"figmaName":"Border Critical/Disabled"},{"name":"iconCritical","value":{"r":215,"g":44,"b":13,"a":1},"figmaName":"Icon/Critical"},{"name":"surfaceCritical","value":{"r":254,"g":211,"b":209,"a":1},"figmaName":"Surface Critical/Default"},{"name":"surfaceCriticalSubdued","value":{"r":255,"g":244,"b":244,"a":1},"figmaName":"Surface Critical/Subdued"},{"name":"surfaceCriticalSubduedHovered","value":{"r":255,"g":240,"b":240,"a":1},"figmaName":"Surface Critical/Subdued Hovered"},{"name":"surfaceCriticalSubduedPressed","value":{"r":255,"g":233,"b":232,"a":1},"figmaName":"Surface Critical/Subdued Pressed"},{"name":"surfaceCriticalSubduedDepressed","value":{"r":254,"g":188,"b":185,"a":1},"figmaName":"Surface Critical/Subdued Depressed"},{"name":"textCritical","value":{"r":215,"g":44,"b":13,"a":1},"figmaName":"Text/Critical"},{"name":"actionCritical","value":{"r":216,"g":44,"b":13,"a":1},"figmaName":"Action Critical/Default"},{"name":"actionCriticalDisabled","value":{"r":241,"g":241,"b":241,"a":1},"figmaName":"Action Critical/Disabled"},{"name":"actionCriticalHovered","value":{"r":188,"g":34,"b":0,"a":1},"figmaName":"Action Critical/Hovered"},{"name":"actionCriticalPressed","value":{"r":162,"g":27,"b":0,"a":1},"figmaName":"Action Critical/Pressed"},{"name":"actionCriticalDepressed","value":{"r":108,"g":15,"b":0,"a":1},"figmaName":"Action Critical/Depressed"},{"name":"iconOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Critical"},{"name":"textOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Critical"},{"name":"interactiveCritical","value":{"r":216,"g":44,"b":13,"a":1},"figmaName":"Interactive/Critical"},{"name":"interactiveCriticalDisabled","value":{"r":253,"g":147,"b":141,"a":1},"figmaName":"Interactive/Critical Disabled"},{"name":"interactiveCriticalHovered","value":{"r":205,"g":41,"b":12,"a":1},"figmaName":"Interactive/Critical Hovered"},{"name":"interactiveCriticalPressed","value":{"r":103,"g":15,"b":3,"a":1},"figmaName":"Interactive/Critical Pressed"},{"name":"borderWarning","value":{"r":185,"g":137,"b":0,"a":1},"figmaName":"Border Warning/Default"},{"name":"borderWarningSubdued","value":{"r":225,"g":184,"b":120,"a":1},"figmaName":"Border Warning/Subdued"},{"name":"iconWarning","value":{"r":185,"g":137,"b":0,"a":1},"figmaName":"Icon/Warning"},{"name":"surfaceWarning","value":{"r":255,"g":215,"b":157,"a":1},"figmaName":"Surface Warning/Default"},{"name":"surfaceWarningSubdued","value":{"r":255,"g":245,"b":234,"a":1},"figmaName":"Surface Warning/Subdued"},{"name":"surfaceWarningSubduedHovered","value":{"r":255,"g":242,"b":226,"a":1},"figmaName":"Surface Warning/Subdued Hovered"},{"name":"surfaceWarningSubduedPressed","value":{"r":255,"g":235,"b":211,"a":1},"figmaName":"Surface Warning/Subdued Pressed"},{"name":"textWarning","value":{"r":145,"g":106,"b":0,"a":1},"figmaName":"Text/Warning"},{"name":"borderHighlight","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Default"},{"name":"borderHighlightSubdued","value":{"r":152,"g":198,"b":205,"a":1},"figmaName":"Border Highlight/Subdued"},{"name":"iconHighlight","value":{"r":0,"g":160,"b":172,"a":1},"figmaName":"Icon/Highlight"},{"name":"surfaceHighlight","value":{"r":164,"g":232,"b":242,"a":1},"figmaName":"Surface Highlight/Default"},{"name":"surfaceHighlightSubdued","value":{"r":235,"g":249,"b":252,"a":1},"figmaName":"Surface Highlight/Subdued"},{"name":"surfaceHighlightSubduedHovered","value":{"r":228,"g":247,"b":250,"a":1},"figmaName":"Surface Highlight/Subdued Hovered"},{"name":"surfaceHighlightSubduedPressed","value":{"r":213,"g":243,"b":248,"a":1},"figmaName":"Surface Highlight/Subdued Pressed"},{"name":"textHighlight","value":{"r":52,"g":124,"b":132,"a":1},"figmaName":"Text/Highlight"},{"name":"borderSuccess","value":{"r":0,"g":164,"b":124,"a":1},"figmaName":"Border Success/Default"},{"name":"borderSuccessSubdued","value":{"r":149,"g":201,"b":180,"a":1},"figmaName":"Border Success/Subdued"},{"name":"iconSuccess","value":{"r":0,"g":127,"b":95,"a":1},"figmaName":"Icon/Success"},{"name":"surfaceSuccess","value":{"r":174,"g":233,"b":209,"a":1},"figmaName":"Surface Success/Default"},{"name":"surfaceSuccessSubdued","value":{"r":241,"g":248,"b":245,"a":1},"figmaName":"Surface Success/Subdued"},{"name":"surfaceSuccessSubduedHovered","value":{"r":236,"g":246,"b":241,"a":1},"figmaName":"Surface Success/Subdued Hovered"},{"name":"surfaceSuccessSubduedPressed","value":{"r":226,"g":241,"b":234,"a":1},"figmaName":"Surface Success/Subdued Pressed"},{"name":"textSuccess","value":{"r":0,"g":128,"b":96,"a":1},"figmaName":"Text/Success"},{"name":"decorativeOneIcon","value":{"r":126,"g":87,"b":0,"a":1},"figmaName":"Decorative/Icon/One"},{"name":"decorativeOneSurface","value":{"r":255,"g":201,"b":107,"a":1},"figmaName":"Decorative/Surface/One"},{"name":"decorativeOneText","value":{"r":61,"g":40,"b":0,"a":1},"figmaName":"Decorative/Text/One"},{"name":"decorativeTwoIcon","value":{"r":175,"g":41,"b":78,"a":1},"figmaName":"Decorative/Icon/Two"},{"name":"decorativeTwoSurface","value":{"r":255,"g":196,"b":176,"a":1},"figmaName":"Decorative/Surface/Two"},{"name":"decorativeTwoText","value":{"r":73,"g":11,"b":28,"a":1},"figmaName":"Decorative/Text/Two"},{"name":"decorativeThreeIcon","value":{"r":0,"g":109,"b":65,"a":1},"figmaName":"Decorative/Icon/Three"},{"name":"decorativeThreeSurface","value":{"r":146,"g":230,"b":181,"a":1},"figmaName":"Decorative/Surface/Three"},{"name":"decorativeThreeText","value":{"r":0,"g":47,"b":25,"a":1},"figmaName":"Decorative/Text/Three"},{"name":"decorativeFourIcon","value":{"r":0,"g":106,"b":104,"a":1},"figmaName":"Decorative/Icon/Four"},{"name":"decorativeFourSurface","value":{"r":145,"g":224,"b":214,"a":1},"figmaName":"Decorative/Surface/Four"},{"name":"decorativeFourText","value":{"r":0,"g":45,"b":45,"a":1},"figmaName":"Decorative/Text/Four"},{"name":"decorativeFiveIcon","value":{"r":174,"g":43,"b":76,"a":1},"figmaName":"Decorative/Icon/Five"},{"name":"decorativeFiveSurface","value":{"r":253,"g":201,"b":208,"a":1},"figmaName":"Decorative/Surface/Five"},{"name":"decorativeFiveText","value":{"r":79,"g":14,"b":31,"a":1},"figmaName":"Decorative/Text/Five"}]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"name":"background","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"backgroundHovered","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"backgroundPressed","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"backgroundSelected","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"surface","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"surfaceNeutral","rgba":{"r":0.8941176470588236,"g":0.8980392156862745,"b":0.9058823529411765,"a":1},"hex":"#e4e5e7ff"},{"name":"surfaceNeutralHovered","rgba":{"r":0.8588235294117647,"g":0.8666666666666667,"b":0.8745098039215686,"a":1},"hex":"#dbdddfff"},{"name":"surfaceNeutralPressed","rgba":{"r":0.788235294117647,"g":0.8,"b":0.8156862745098039,"a":1},"hex":"#c9ccd0ff"},{"name":"surfaceNeutralDisabled","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"surfaceNeutralSubdued","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"surfaceSubdued","rgba":{"r":0.9803921568627451,"g":0.984313725490196,"b":0.984313725490196,"a":1},"hex":"#fafbfbff"},{"name":"surfaceDisabled","rgba":{"r":0.9803921568627451,"g":0.984313725490196,"b":0.984313725490196,"a":1},"hex":"#fafbfbff"},{"name":"surfaceHovered","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"surfacePressed","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"surfaceDepressed","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"backdrop","rgba":{"r":0,"g":0,"b":0,"a":0.5},"hex":"#00000080"},{"name":"overlay","rgba":{"r":1,"g":1,"b":1,"a":0.5},"hex":"#ffffff80"},{"name":"shadowFromDimLight","rgba":{"r":0,"g":0,"b":0,"a":0.2},"hex":"#00000033"},{"name":"shadowFromAmbientLight","rgba":{"r":0.09019607843137255,"g":0.09411764705882353,"b":0.09411764705882353,"a":0.05},"hex":"#1718180d"},{"name":"shadowFromDirectLight","rgba":{"r":0,"g":0,"b":0,"a":0.15},"hex":"#00000026"},{"name":"hintFromDirectLight","rgba":{"r":0,"g":0,"b":0,"a":0.15},"hex":"#00000026"},{"name":"onSurfaceBackground","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"border","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"borderNeutralSubdued","rgba":{"r":0.7294117647058823,"g":0.7490196078431373,"b":0.7647058823529411,"a":1},"hex":"#babfc3ff"},{"name":"borderHovered","rgba":{"r":0.6,"g":0.6196078431372549,"b":0.6431372549019608,"a":1},"hex":"#999ea4ff"},{"name":"borderDisabled","rgba":{"r":0.8235294117647058,"g":0.8352941176470589,"b":0.8470588235294118,"a":1},"hex":"#d2d5d8ff"},{"name":"borderSubdued","rgba":{"r":0.788235294117647,"g":0.8,"b":0.8117647058823529,"a":1},"hex":"#c9cccfff"},{"name":"borderDepressed","rgba":{"r":0.3411764705882353,"g":0.34901960784313724,"b":0.34901960784313724,"a":1},"hex":"#575959ff"},{"name":"borderShadow","rgba":{"r":0.6823529411764706,"g":0.7058823529411765,"b":0.7254901960784313,"a":1},"hex":"#aeb4b9ff"},{"name":"borderShadowSubdued","rgba":{"r":0.7294117647058823,"g":0.7490196078431373,"b":0.7686274509803922,"a":1},"hex":"#babfc4ff"},{"name":"divider","rgba":{"r":0.8823529411764706,"g":0.8901960784313725,"b":0.8980392156862745,"a":1},"hex":"#e1e3e5ff"},{"name":"icon","rgba":{"r":0.3607843137254902,"g":0.37254901960784315,"b":0.3843137254901961,"a":1},"hex":"#5c5f62ff"},{"name":"iconHovered","rgba":{"r":0.10196078431372549,"g":0.10980392156862745,"b":0.11372549019607843,"a":1},"hex":"#1a1c1dff"},{"name":"iconPressed","rgba":{"r":0.26666666666666666,"g":0.2784313725490196,"b":0.2901960784313726,"a":1},"hex":"#44474aff"},{"name":"iconDisabled","rgba":{"r":0.7294117647058823,"g":0.7450980392156863,"b":0.7647058823529411,"a":1},"hex":"#babec3ff"},{"name":"iconSubdued","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"text","rgba":{"r":0.12549019607843137,"g":0.13333333333333333,"b":0.13725490196078433,"a":1},"hex":"#202223ff"},{"name":"textDisabled","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"textSubdued","rgba":{"r":0.42745098039215684,"g":0.44313725490196076,"b":0.4588235294117647,"a":1},"hex":"#6d7175ff"},{"name":"interactive","rgba":{"r":0.17254901960784313,"g":0.43137254901960786,"b":0.796078431372549,"a":1},"hex":"#2c6ecbff"},{"name":"interactiveDisabled","rgba":{"r":0.7411764705882353,"g":0.7568627450980392,"b":0.8,"a":1},"hex":"#bdc1ccff"},{"name":"interactiveHovered","rgba":{"r":0.12156862745098039,"g":0.3176470588235294,"b":0.6,"a":1},"hex":"#1f5199ff"},{"name":"interactivePressed","rgba":{"r":0.06274509803921569,"g":0.19607843137254902,"b":0.3843137254901961,"a":1},"hex":"#103262ff"},{"name":"focused","rgba":{"r":0.27058823529411763,"g":0.5607843137254902,"b":1,"a":1},"hex":"#458fffff"},{"name":"surfaceSelected","rgba":{"r":0.9490196078431372,"g":0.9686274509803922,"b":0.996078431372549,"a":1},"hex":"#f2f7feff"},{"name":"surfaceSelectedHovered","rgba":{"r":0.9294117647058824,"g":0.9568627450980393,"b":0.996078431372549,"a":1},"hex":"#edf4feff"},{"name":"surfaceSelectedPressed","rgba":{"r":0.8980392156862745,"g":0.9372549019607843,"b":0.9921568627450981,"a":1},"hex":"#e5effdff"},{"name":"iconOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondaryDisabled","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondaryHovered","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"actionSecondaryPressed","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"actionSecondaryDepressed","rgba":{"r":0.42745098039215684,"g":0.44313725490196076,"b":0.4588235294117647,"a":1},"hex":"#6d7175ff"},{"name":"actionPrimary","rgba":{"r":0.1803921568627451,"g":0.44313725490196076,"b":0.7490196078431373,"a":1},"hex":"#2e71bfff"},{"name":"actionPrimaryDisabled","rgba":{"r":0.9450980392156862,"g":0.9450980392156862,"b":0.9450980392156862,"a":1},"hex":"#f1f1f1ff"},{"name":"actionPrimaryHovered","rgba":{"r":0.15294117647058825,"g":0.3843137254901961,"b":0.6509803921568628,"a":1},"hex":"#2762a6ff"},{"name":"actionPrimaryPressed","rgba":{"r":0.12549019607843137,"g":0.3254901960784314,"b":0.5607843137254902,"a":1},"hex":"#20538fff"},{"name":"actionPrimaryDepressed","rgba":{"r":0.07058823529411765,"g":0.20784313725490197,"b":0.37254901960784315,"a":1},"hex":"#12355fff"},{"name":"iconOnPrimary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnPrimary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textPrimary","rgba":{"r":0.17254901960784313,"g":0.42745098039215684,"b":0.7254901960784313,"a":1},"hex":"#2c6db9ff"},{"name":"textPrimaryHovered","rgba":{"r":0.14901960784313725,"g":0.37254901960784315,"b":0.6352941176470588,"a":1},"hex":"#265fa2ff"},{"name":"textPrimaryPressed","rgba":{"r":0.12156862745098039,"g":0.3176470588235294,"b":0.5450980392156862,"a":1},"hex":"#1f518bff"},{"name":"surfacePrimarySelected","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9725490196078431,"a":1},"hex":"#f6f6f8ff"},{"name":"surfacePrimarySelectedHovered","rgba":{"r":0.7686274509803922,"g":0.788235294117647,"b":0.8392156862745098,"a":1},"hex":"#c4c9d6ff"},{"name":"surfacePrimarySelectedPressed","rgba":{"r":0.6862745098039216,"g":0.7137254901960784,"b":0.7803921568627451,"a":1},"hex":"#afb6c7ff"},{"name":"borderCritical","rgba":{"r":0.9921568627450981,"g":0.3411764705882353,"b":0.28627450980392155,"a":1},"hex":"#fd5749ff"},{"name":"borderCriticalSubdued","rgba":{"r":0.8784313725490196,"g":0.7019607843137254,"b":0.6980392156862745,"a":1},"hex":"#e0b3b2ff"},{"name":"borderCriticalDisabled","rgba":{"r":1,"g":0.6549019607843137,"b":0.6392156862745098,"a":1},"hex":"#ffa7a3ff"},{"name":"iconCritical","rgba":{"r":0.8431372549019608,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d72c0dff"},{"name":"surfaceCritical","rgba":{"r":0.996078431372549,"g":0.8274509803921568,"b":0.8196078431372549,"a":1},"hex":"#fed3d1ff"},{"name":"surfaceCriticalSubdued","rgba":{"r":1,"g":0.9568627450980393,"b":0.9568627450980393,"a":1},"hex":"#fff4f4ff"},{"name":"surfaceCriticalSubduedHovered","rgba":{"r":1,"g":0.9411764705882353,"b":0.9411764705882353,"a":1},"hex":"#fff0f0ff"},{"name":"surfaceCriticalSubduedPressed","rgba":{"r":1,"g":0.9137254901960784,"b":0.9098039215686274,"a":1},"hex":"#ffe9e8ff"},{"name":"surfaceCriticalSubduedDepressed","rgba":{"r":0.996078431372549,"g":0.7372549019607844,"b":0.7254901960784313,"a":1},"hex":"#febcb9ff"},{"name":"textCritical","rgba":{"r":0.8431372549019608,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d72c0dff"},{"name":"actionCritical","rgba":{"r":0.8470588235294118,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d82c0dff"},{"name":"actionCriticalDisabled","rgba":{"r":0.9450980392156862,"g":0.9450980392156862,"b":0.9450980392156862,"a":1},"hex":"#f1f1f1ff"},{"name":"actionCriticalHovered","rgba":{"r":0.7372549019607844,"g":0.13333333333333333,"b":0,"a":1},"hex":"#bc2200ff"},{"name":"actionCriticalPressed","rgba":{"r":0.6352941176470588,"g":0.10588235294117647,"b":0,"a":1},"hex":"#a21b00ff"},{"name":"actionCriticalDepressed","rgba":{"r":0.4235294117647059,"g":0.058823529411764705,"b":0,"a":1},"hex":"#6c0f00ff"},{"name":"iconOnCritical","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnCritical","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"interactiveCritical","rgba":{"r":0.8470588235294118,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d82c0dff"},{"name":"interactiveCriticalDisabled","rgba":{"r":0.9921568627450981,"g":0.5764705882352941,"b":0.5529411764705883,"a":1},"hex":"#fd938dff"},{"name":"interactiveCriticalHovered","rgba":{"r":0.803921568627451,"g":0.1607843137254902,"b":0.047058823529411764,"a":1},"hex":"#cd290cff"},{"name":"interactiveCriticalPressed","rgba":{"r":0.403921568627451,"g":0.058823529411764705,"b":0.011764705882352941,"a":1},"hex":"#670f03ff"},{"name":"borderWarning","rgba":{"r":0.7254901960784313,"g":0.5372549019607843,"b":0,"a":1},"hex":"#b98900ff"},{"name":"borderWarningSubdued","rgba":{"r":0.8823529411764706,"g":0.7215686274509804,"b":0.47058823529411764,"a":1},"hex":"#e1b878ff"},{"name":"iconWarning","rgba":{"r":0.7254901960784313,"g":0.5372549019607843,"b":0,"a":1},"hex":"#b98900ff"},{"name":"surfaceWarning","rgba":{"r":1,"g":0.8431372549019608,"b":0.615686274509804,"a":1},"hex":"#ffd79dff"},{"name":"surfaceWarningSubdued","rgba":{"r":1,"g":0.9607843137254902,"b":0.9176470588235294,"a":1},"hex":"#fff5eaff"},{"name":"surfaceWarningSubduedHovered","rgba":{"r":1,"g":0.9490196078431372,"b":0.8862745098039215,"a":1},"hex":"#fff2e2ff"},{"name":"surfaceWarningSubduedPressed","rgba":{"r":1,"g":0.9215686274509803,"b":0.8274509803921568,"a":1},"hex":"#ffebd3ff"},{"name":"textWarning","rgba":{"r":0.5686274509803921,"g":0.41568627450980394,"b":0,"a":1},"hex":"#916a00ff"},{"name":"borderHighlight","rgba":{"r":0.26666666666666666,"g":0.615686274509804,"b":0.6549019607843137,"a":1},"hex":"#449da7ff"},{"name":"borderHighlightSubdued","rgba":{"r":0.596078431372549,"g":0.7764705882352941,"b":0.803921568627451,"a":1},"hex":"#98c6cdff"},{"name":"iconHighlight","rgba":{"r":0,"g":0.6274509803921569,"b":0.6745098039215687,"a":1},"hex":"#00a0acff"},{"name":"surfaceHighlight","rgba":{"r":0.6431372549019608,"g":0.9098039215686274,"b":0.9490196078431372,"a":1},"hex":"#a4e8f2ff"},{"name":"surfaceHighlightSubdued","rgba":{"r":0.9215686274509803,"g":0.9764705882352941,"b":0.9882352941176471,"a":1},"hex":"#ebf9fcff"},{"name":"surfaceHighlightSubduedHovered","rgba":{"r":0.8941176470588236,"g":0.9686274509803922,"b":0.9803921568627451,"a":1},"hex":"#e4f7faff"},{"name":"surfaceHighlightSubduedPressed","rgba":{"r":0.8352941176470589,"g":0.9529411764705882,"b":0.9725490196078431,"a":1},"hex":"#d5f3f8ff"},{"name":"textHighlight","rgba":{"r":0.20392156862745098,"g":0.48627450980392156,"b":0.5176470588235295,"a":1},"hex":"#347c84ff"},{"name":"borderSuccess","rgba":{"r":0,"g":0.6431372549019608,"b":0.48627450980392156,"a":1},"hex":"#00a47cff"},{"name":"borderSuccessSubdued","rgba":{"r":0.5843137254901961,"g":0.788235294117647,"b":0.7058823529411765,"a":1},"hex":"#95c9b4ff"},{"name":"iconSuccess","rgba":{"r":0,"g":0.4980392156862745,"b":0.37254901960784315,"a":1},"hex":"#007f5fff"},{"name":"surfaceSuccess","rgba":{"r":0.6823529411764706,"g":0.9137254901960784,"b":0.8196078431372549,"a":1},"hex":"#aee9d1ff"},{"name":"surfaceSuccessSubdued","rgba":{"r":0.9450980392156862,"g":0.9725490196078431,"b":0.9607843137254902,"a":1},"hex":"#f1f8f5ff"},{"name":"surfaceSuccessSubduedHovered","rgba":{"r":0.9254901960784314,"g":0.9647058823529412,"b":0.9450980392156862,"a":1},"hex":"#ecf6f1ff"},{"name":"surfaceSuccessSubduedPressed","rgba":{"r":0.8862745098039215,"g":0.9450980392156862,"b":0.9176470588235294,"a":1},"hex":"#e2f1eaff"},{"name":"textSuccess","rgba":{"r":0,"g":0.5019607843137255,"b":0.3764705882352941,"a":1},"hex":"#008060ff"},{"name":"decorativeOneIcon","rgba":{"r":0.49411764705882355,"g":0.3411764705882353,"b":0,"a":1},"hex":"#7e5700ff"},{"name":"decorativeOneSurface","rgba":{"r":1,"g":0.788235294117647,"b":0.4196078431372549,"a":1},"hex":"#ffc96bff"},{"name":"decorativeOneText","rgba":{"r":0.23921568627450981,"g":0.1568627450980392,"b":0,"a":1},"hex":"#3d2800ff"},{"name":"decorativeTwoIcon","rgba":{"r":0.6862745098039216,"g":0.1607843137254902,"b":0.3058823529411765,"a":1},"hex":"#af294eff"},{"name":"decorativeTwoSurface","rgba":{"r":1,"g":0.7686274509803922,"b":0.6901960784313725,"a":1},"hex":"#ffc4b0ff"},{"name":"decorativeTwoText","rgba":{"r":0.28627450980392155,"g":0.043137254901960784,"b":0.10980392156862745,"a":1},"hex":"#490b1cff"},{"name":"decorativeThreeIcon","rgba":{"r":0,"g":0.42745098039215684,"b":0.2549019607843137,"a":1},"hex":"#006d41ff"},{"name":"decorativeThreeSurface","rgba":{"r":0.5725490196078431,"g":0.9019607843137255,"b":0.7098039215686275,"a":1},"hex":"#92e6b5ff"},{"name":"decorativeThreeText","rgba":{"r":0,"g":0.1843137254901961,"b":0.09803921568627451,"a":1},"hex":"#002f19ff"},{"name":"decorativeFourIcon","rgba":{"r":0,"g":0.41568627450980394,"b":0.40784313725490196,"a":1},"hex":"#006a68ff"},{"name":"decorativeFourSurface","rgba":{"r":0.5686274509803921,"g":0.8784313725490196,"b":0.8392156862745098,"a":1},"hex":"#91e0d6ff"},{"name":"decorativeFourText","rgba":{"r":0,"g":0.17647058823529413,"b":0.17647058823529413,"a":1},"hex":"#002d2dff"},{"name":"decorativeFiveIcon","rgba":{"r":0.6823529411764706,"g":0.16862745098039217,"b":0.2980392156862745,"a":1},"hex":"#ae2b4cff"},{"name":"decorativeFiveSurface","rgba":{"r":0.9921568627450981,"g":0.788235294117647,"b":0.8156862745098039,"a":1},"hex":"#fdc9d0ff"},{"name":"decorativeFiveText","rgba":{"r":0.30980392156862746,"g":0.054901960784313725,"b":0.12156862745098039,"a":1},"hex":"#4f0e1fff"}]
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
{
|
|
2
|
+
"background": "rgb(246, 246, 247)",
|
|
3
|
+
"backgroundHovered": "rgb(241, 242, 243)",
|
|
4
|
+
"backgroundPressed": "rgb(237, 238, 239)",
|
|
5
|
+
"backgroundSelected": "rgb(237, 238, 239)",
|
|
6
|
+
"surface": "rgb(255, 255, 255)",
|
|
7
|
+
"surfaceNeutral": "rgb(228, 229, 231)",
|
|
8
|
+
"surfaceNeutralHovered": "rgb(219, 221, 223)",
|
|
9
|
+
"surfaceNeutralPressed": "rgb(201, 204, 208)",
|
|
10
|
+
"surfaceNeutralDisabled": "rgb(241, 242, 243)",
|
|
11
|
+
"surfaceNeutralSubdued": "rgb(246, 246, 247)",
|
|
12
|
+
"surfaceSubdued": "rgb(250, 251, 251)",
|
|
13
|
+
"surfaceDisabled": "rgb(250, 251, 251)",
|
|
14
|
+
"surfaceHovered": "rgb(246, 246, 247)",
|
|
15
|
+
"surfacePressed": "rgb(241, 242, 243)",
|
|
16
|
+
"surfaceDepressed": "rgb(237, 238, 239)",
|
|
17
|
+
"backdrop": "rgba(0, 0, 0, 0.5)",
|
|
18
|
+
"overlay": "rgba(255, 255, 255, 0.5)",
|
|
19
|
+
"shadowFromDimLight": "rgba(0, 0, 0, 0.2)",
|
|
20
|
+
"shadowFromAmbientLight": "rgba(23, 24, 24, 0.05)",
|
|
21
|
+
"shadowFromDirectLight": "rgba(0, 0, 0, 0.15)",
|
|
22
|
+
"hintFromDirectLight": "rgba(0, 0, 0, 0.15)",
|
|
23
|
+
"onSurfaceBackground": "rgb(241, 242, 243)",
|
|
24
|
+
"border": "rgb(140, 145, 150)",
|
|
25
|
+
"borderNeutralSubdued": "rgb(186, 191, 195)",
|
|
26
|
+
"borderHovered": "rgb(153, 158, 164)",
|
|
27
|
+
"borderDisabled": "rgb(210, 213, 216)",
|
|
28
|
+
"borderSubdued": "rgb(201, 204, 207)",
|
|
29
|
+
"borderDepressed": "rgb(87, 89, 89)",
|
|
30
|
+
"borderShadow": "rgb(174, 180, 185)",
|
|
31
|
+
"borderShadowSubdued": "rgb(186, 191, 196)",
|
|
32
|
+
"divider": "rgb(225, 227, 229)",
|
|
33
|
+
"icon": "rgb(92, 95, 98)",
|
|
34
|
+
"iconHovered": "rgb(26, 28, 29)",
|
|
35
|
+
"iconPressed": "rgb(68, 71, 74)",
|
|
36
|
+
"iconDisabled": "rgb(186, 190, 195)",
|
|
37
|
+
"iconSubdued": "rgb(140, 145, 150)",
|
|
38
|
+
"text": "rgb(32, 34, 35)",
|
|
39
|
+
"textDisabled": "rgb(140, 145, 150)",
|
|
40
|
+
"textSubdued": "rgb(109, 113, 117)",
|
|
41
|
+
"interactive": "rgb(44, 110, 203)",
|
|
42
|
+
"interactiveDisabled": "rgb(189, 193, 204)",
|
|
43
|
+
"interactiveHovered": "rgb(31, 81, 153)",
|
|
44
|
+
"interactivePressed": "rgb(16, 50, 98)",
|
|
45
|
+
"focused": "rgb(69, 143, 255)",
|
|
46
|
+
"surfaceSelected": "rgb(242, 247, 254)",
|
|
47
|
+
"surfaceSelectedHovered": "rgb(237, 244, 254)",
|
|
48
|
+
"surfaceSelectedPressed": "rgb(229, 239, 253)",
|
|
49
|
+
"iconOnInteractive": "rgb(255, 255, 255)",
|
|
50
|
+
"textOnInteractive": "rgb(255, 255, 255)",
|
|
51
|
+
"actionSecondary": "rgb(255, 255, 255)",
|
|
52
|
+
"actionSecondaryDisabled": "rgb(255, 255, 255)",
|
|
53
|
+
"actionSecondaryHovered": "rgb(246, 246, 247)",
|
|
54
|
+
"actionSecondaryPressed": "rgb(241, 242, 243)",
|
|
55
|
+
"actionSecondaryDepressed": "rgb(109, 113, 117)",
|
|
56
|
+
"actionPrimary": "rgb(46, 113, 191)",
|
|
57
|
+
"actionPrimaryDisabled": "rgb(241, 241, 241)",
|
|
58
|
+
"actionPrimaryHovered": "rgb(39, 98, 166)",
|
|
59
|
+
"actionPrimaryPressed": "rgb(32, 83, 143)",
|
|
60
|
+
"actionPrimaryDepressed": "rgb(18, 53, 95)",
|
|
61
|
+
"iconOnPrimary": "rgb(255, 255, 255)",
|
|
62
|
+
"textOnPrimary": "rgb(255, 255, 255)",
|
|
63
|
+
"textPrimary": "rgb(44, 109, 185)",
|
|
64
|
+
"textPrimaryHovered": "rgb(38, 95, 162)",
|
|
65
|
+
"textPrimaryPressed": "rgb(31, 81, 139)",
|
|
66
|
+
"surfacePrimarySelected": "rgb(246, 246, 248)",
|
|
67
|
+
"surfacePrimarySelectedHovered": "rgb(196, 201, 214)",
|
|
68
|
+
"surfacePrimarySelectedPressed": "rgb(175, 182, 199)",
|
|
69
|
+
"borderCritical": "rgb(253, 87, 73)",
|
|
70
|
+
"borderCriticalSubdued": "rgb(224, 179, 178)",
|
|
71
|
+
"borderCriticalDisabled": "rgb(255, 167, 163)",
|
|
72
|
+
"iconCritical": "rgb(215, 44, 13)",
|
|
73
|
+
"surfaceCritical": "rgb(254, 211, 209)",
|
|
74
|
+
"surfaceCriticalSubdued": "rgb(255, 244, 244)",
|
|
75
|
+
"surfaceCriticalSubduedHovered": "rgb(255, 240, 240)",
|
|
76
|
+
"surfaceCriticalSubduedPressed": "rgb(255, 233, 232)",
|
|
77
|
+
"surfaceCriticalSubduedDepressed": "rgb(254, 188, 185)",
|
|
78
|
+
"textCritical": "rgb(215, 44, 13)",
|
|
79
|
+
"actionCritical": "rgb(216, 44, 13)",
|
|
80
|
+
"actionCriticalDisabled": "rgb(241, 241, 241)",
|
|
81
|
+
"actionCriticalHovered": "rgb(188, 34, 0)",
|
|
82
|
+
"actionCriticalPressed": "rgb(162, 27, 0)",
|
|
83
|
+
"actionCriticalDepressed": "rgb(108, 15, 0)",
|
|
84
|
+
"iconOnCritical": "rgb(255, 255, 255)",
|
|
85
|
+
"textOnCritical": "rgb(255, 255, 255)",
|
|
86
|
+
"interactiveCritical": "rgb(216, 44, 13)",
|
|
87
|
+
"interactiveCriticalDisabled": "rgb(253, 147, 141)",
|
|
88
|
+
"interactiveCriticalHovered": "rgb(205, 41, 12)",
|
|
89
|
+
"interactiveCriticalPressed": "rgb(103, 15, 3)",
|
|
90
|
+
"borderWarning": "rgb(185, 137, 0)",
|
|
91
|
+
"borderWarningSubdued": "rgb(225, 184, 120)",
|
|
92
|
+
"iconWarning": "rgb(185, 137, 0)",
|
|
93
|
+
"surfaceWarning": "rgb(255, 215, 157)",
|
|
94
|
+
"surfaceWarningSubdued": "rgb(255, 245, 234)",
|
|
95
|
+
"surfaceWarningSubduedHovered": "rgb(255, 242, 226)",
|
|
96
|
+
"surfaceWarningSubduedPressed": "rgb(255, 235, 211)",
|
|
97
|
+
"textWarning": "rgb(145, 106, 0)",
|
|
98
|
+
"borderHighlight": "rgb(68, 157, 167)",
|
|
99
|
+
"borderHighlightSubdued": "rgb(152, 198, 205)",
|
|
100
|
+
"iconHighlight": "rgb(0, 160, 172)",
|
|
101
|
+
"surfaceHighlight": "rgb(164, 232, 242)",
|
|
102
|
+
"surfaceHighlightSubdued": "rgb(235, 249, 252)",
|
|
103
|
+
"surfaceHighlightSubduedHovered": "rgb(228, 247, 250)",
|
|
104
|
+
"surfaceHighlightSubduedPressed": "rgb(213, 243, 248)",
|
|
105
|
+
"textHighlight": "rgb(52, 124, 132)",
|
|
106
|
+
"borderSuccess": "rgb(0, 164, 124)",
|
|
107
|
+
"borderSuccessSubdued": "rgb(149, 201, 180)",
|
|
108
|
+
"iconSuccess": "rgb(0, 127, 95)",
|
|
109
|
+
"surfaceSuccess": "rgb(174, 233, 209)",
|
|
110
|
+
"surfaceSuccessSubdued": "rgb(241, 248, 245)",
|
|
111
|
+
"surfaceSuccessSubduedHovered": "rgb(236, 246, 241)",
|
|
112
|
+
"surfaceSuccessSubduedPressed": "rgb(226, 241, 234)",
|
|
113
|
+
"textSuccess": "rgb(0, 128, 96)",
|
|
114
|
+
"decorativeOneIcon": "rgb(126, 87, 0)",
|
|
115
|
+
"decorativeOneSurface": "rgb(255, 201, 107)",
|
|
116
|
+
"decorativeOneText": "rgb(61, 40, 0)",
|
|
117
|
+
"decorativeTwoIcon": "rgb(175, 41, 78)",
|
|
118
|
+
"decorativeTwoSurface": "rgb(255, 196, 176)",
|
|
119
|
+
"decorativeTwoText": "rgb(73, 11, 28)",
|
|
120
|
+
"decorativeThreeIcon": "rgb(0, 109, 65)",
|
|
121
|
+
"decorativeThreeSurface": "rgb(146, 230, 181)",
|
|
122
|
+
"decorativeThreeText": "rgb(0, 47, 25)",
|
|
123
|
+
"decorativeFourIcon": "rgb(0, 106, 104)",
|
|
124
|
+
"decorativeFourSurface": "rgb(145, 224, 214)",
|
|
125
|
+
"decorativeFourText": "rgb(0, 45, 45)",
|
|
126
|
+
"decorativeFiveIcon": "rgb(174, 43, 76)",
|
|
127
|
+
"decorativeFiveSurface": "rgb(253, 201, 208)",
|
|
128
|
+
"decorativeFiveText": "rgb(79, 14, 31)"
|
|
129
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--p-background: rgb(246, 246, 247);
|
|
3
|
+
--p-background-hovered: rgb(241, 242, 243);
|
|
4
|
+
--p-background-pressed: rgb(237, 238, 239);
|
|
5
|
+
--p-background-selected: rgb(237, 238, 239);
|
|
6
|
+
--p-surface: rgb(255, 255, 255);
|
|
7
|
+
--p-surface-neutral: rgb(228, 229, 231);
|
|
8
|
+
--p-surface-neutral-hovered: rgb(219, 221, 223);
|
|
9
|
+
--p-surface-neutral-pressed: rgb(201, 204, 208);
|
|
10
|
+
--p-surface-neutral-disabled: rgb(241, 242, 243);
|
|
11
|
+
--p-surface-neutral-subdued: rgb(246, 246, 247);
|
|
12
|
+
--p-surface-subdued: rgb(250, 251, 251);
|
|
13
|
+
--p-surface-disabled: rgb(250, 251, 251);
|
|
14
|
+
--p-surface-hovered: rgb(246, 246, 247);
|
|
15
|
+
--p-surface-pressed: rgb(241, 242, 243);
|
|
16
|
+
--p-surface-depressed: rgb(237, 238, 239);
|
|
17
|
+
--p-backdrop: rgba(0, 0, 0, 0.5);
|
|
18
|
+
--p-overlay: rgba(255, 255, 255, 0.5);
|
|
19
|
+
--p-shadow-from-dim-light: rgba(0, 0, 0, 0.2);
|
|
20
|
+
--p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
|
|
21
|
+
--p-shadow-from-direct-light: rgba(0, 0, 0, 0.15);
|
|
22
|
+
--p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
|
|
23
|
+
--p-on-surface-background: rgb(241, 242, 243);
|
|
24
|
+
--p-border: rgb(140, 145, 150);
|
|
25
|
+
--p-border-neutral-subdued: rgb(186, 191, 195);
|
|
26
|
+
--p-border-hovered: rgb(153, 158, 164);
|
|
27
|
+
--p-border-disabled: rgb(210, 213, 216);
|
|
28
|
+
--p-border-subdued: rgb(201, 204, 207);
|
|
29
|
+
--p-border-depressed: rgb(87, 89, 89);
|
|
30
|
+
--p-border-shadow: rgb(174, 180, 185);
|
|
31
|
+
--p-border-shadow-subdued: rgb(186, 191, 196);
|
|
32
|
+
--p-divider: rgb(225, 227, 229);
|
|
33
|
+
--p-icon: rgb(92, 95, 98);
|
|
34
|
+
--p-icon-hovered: rgb(26, 28, 29);
|
|
35
|
+
--p-icon-pressed: rgb(68, 71, 74);
|
|
36
|
+
--p-icon-disabled: rgb(186, 190, 195);
|
|
37
|
+
--p-icon-subdued: rgb(140, 145, 150);
|
|
38
|
+
--p-text: rgb(32, 34, 35);
|
|
39
|
+
--p-text-disabled: rgb(140, 145, 150);
|
|
40
|
+
--p-text-subdued: rgb(109, 113, 117);
|
|
41
|
+
--p-interactive: rgb(44, 110, 203);
|
|
42
|
+
--p-interactive-disabled: rgb(189, 193, 204);
|
|
43
|
+
--p-interactive-hovered: rgb(31, 81, 153);
|
|
44
|
+
--p-interactive-pressed: rgb(16, 50, 98);
|
|
45
|
+
--p-focused: rgb(69, 143, 255);
|
|
46
|
+
--p-surface-selected: rgb(242, 247, 254);
|
|
47
|
+
--p-surface-selected-hovered: rgb(237, 244, 254);
|
|
48
|
+
--p-surface-selected-pressed: rgb(229, 239, 253);
|
|
49
|
+
--p-icon-on-interactive: rgb(255, 255, 255);
|
|
50
|
+
--p-text-on-interactive: rgb(255, 255, 255);
|
|
51
|
+
--p-action-secondary: rgb(255, 255, 255);
|
|
52
|
+
--p-action-secondary-disabled: rgb(255, 255, 255);
|
|
53
|
+
--p-action-secondary-hovered: rgb(246, 246, 247);
|
|
54
|
+
--p-action-secondary-pressed: rgb(241, 242, 243);
|
|
55
|
+
--p-action-secondary-depressed: rgb(109, 113, 117);
|
|
56
|
+
--p-action-primary: rgb(46, 113, 191);
|
|
57
|
+
--p-action-primary-disabled: rgb(241, 241, 241);
|
|
58
|
+
--p-action-primary-hovered: rgb(39, 98, 166);
|
|
59
|
+
--p-action-primary-pressed: rgb(32, 83, 143);
|
|
60
|
+
--p-action-primary-depressed: rgb(18, 53, 95);
|
|
61
|
+
--p-icon-on-primary: rgb(255, 255, 255);
|
|
62
|
+
--p-text-on-primary: rgb(255, 255, 255);
|
|
63
|
+
--p-text-primary: rgb(44, 109, 185);
|
|
64
|
+
--p-text-primary-hovered: rgb(38, 95, 162);
|
|
65
|
+
--p-text-primary-pressed: rgb(31, 81, 139);
|
|
66
|
+
--p-surface-primary-selected: rgb(246, 246, 248);
|
|
67
|
+
--p-surface-primary-selected-hovered: rgb(196, 201, 214);
|
|
68
|
+
--p-surface-primary-selected-pressed: rgb(175, 182, 199);
|
|
69
|
+
--p-border-critical: rgb(253, 87, 73);
|
|
70
|
+
--p-border-critical-subdued: rgb(224, 179, 178);
|
|
71
|
+
--p-border-critical-disabled: rgb(255, 167, 163);
|
|
72
|
+
--p-icon-critical: rgb(215, 44, 13);
|
|
73
|
+
--p-surface-critical: rgb(254, 211, 209);
|
|
74
|
+
--p-surface-critical-subdued: rgb(255, 244, 244);
|
|
75
|
+
--p-surface-critical-subdued-hovered: rgb(255, 240, 240);
|
|
76
|
+
--p-surface-critical-subdued-pressed: rgb(255, 233, 232);
|
|
77
|
+
--p-surface-critical-subdued-depressed: rgb(254, 188, 185);
|
|
78
|
+
--p-text-critical: rgb(215, 44, 13);
|
|
79
|
+
--p-action-critical: rgb(216, 44, 13);
|
|
80
|
+
--p-action-critical-disabled: rgb(241, 241, 241);
|
|
81
|
+
--p-action-critical-hovered: rgb(188, 34, 0);
|
|
82
|
+
--p-action-critical-pressed: rgb(162, 27, 0);
|
|
83
|
+
--p-action-critical-depressed: rgb(108, 15, 0);
|
|
84
|
+
--p-icon-on-critical: rgb(255, 255, 255);
|
|
85
|
+
--p-text-on-critical: rgb(255, 255, 255);
|
|
86
|
+
--p-interactive-critical: rgb(216, 44, 13);
|
|
87
|
+
--p-interactive-critical-disabled: rgb(253, 147, 141);
|
|
88
|
+
--p-interactive-critical-hovered: rgb(205, 41, 12);
|
|
89
|
+
--p-interactive-critical-pressed: rgb(103, 15, 3);
|
|
90
|
+
--p-border-warning: rgb(185, 137, 0);
|
|
91
|
+
--p-border-warning-subdued: rgb(225, 184, 120);
|
|
92
|
+
--p-icon-warning: rgb(185, 137, 0);
|
|
93
|
+
--p-surface-warning: rgb(255, 215, 157);
|
|
94
|
+
--p-surface-warning-subdued: rgb(255, 245, 234);
|
|
95
|
+
--p-surface-warning-subdued-hovered: rgb(255, 242, 226);
|
|
96
|
+
--p-surface-warning-subdued-pressed: rgb(255, 235, 211);
|
|
97
|
+
--p-text-warning: rgb(145, 106, 0);
|
|
98
|
+
--p-border-highlight: rgb(68, 157, 167);
|
|
99
|
+
--p-border-highlight-subdued: rgb(152, 198, 205);
|
|
100
|
+
--p-icon-highlight: rgb(0, 160, 172);
|
|
101
|
+
--p-surface-highlight: rgb(164, 232, 242);
|
|
102
|
+
--p-surface-highlight-subdued: rgb(235, 249, 252);
|
|
103
|
+
--p-surface-highlight-subdued-hovered: rgb(228, 247, 250);
|
|
104
|
+
--p-surface-highlight-subdued-pressed: rgb(213, 243, 248);
|
|
105
|
+
--p-text-highlight: rgb(52, 124, 132);
|
|
106
|
+
--p-border-success: rgb(0, 164, 124);
|
|
107
|
+
--p-border-success-subdued: rgb(149, 201, 180);
|
|
108
|
+
--p-icon-success: rgb(0, 127, 95);
|
|
109
|
+
--p-surface-success: rgb(174, 233, 209);
|
|
110
|
+
--p-surface-success-subdued: rgb(241, 248, 245);
|
|
111
|
+
--p-surface-success-subdued-hovered: rgb(236, 246, 241);
|
|
112
|
+
--p-surface-success-subdued-pressed: rgb(226, 241, 234);
|
|
113
|
+
--p-text-success: rgb(0, 128, 96);
|
|
114
|
+
--p-decorative-one-icon: rgb(126, 87, 0);
|
|
115
|
+
--p-decorative-one-surface: rgb(255, 201, 107);
|
|
116
|
+
--p-decorative-one-text: rgb(61, 40, 0);
|
|
117
|
+
--p-decorative-two-icon: rgb(175, 41, 78);
|
|
118
|
+
--p-decorative-two-surface: rgb(255, 196, 176);
|
|
119
|
+
--p-decorative-two-text: rgb(73, 11, 28);
|
|
120
|
+
--p-decorative-three-icon: rgb(0, 109, 65);
|
|
121
|
+
--p-decorative-three-surface: rgb(146, 230, 181);
|
|
122
|
+
--p-decorative-three-text: rgb(0, 47, 25);
|
|
123
|
+
--p-decorative-four-icon: rgb(0, 106, 104);
|
|
124
|
+
--p-decorative-four-surface: rgb(145, 224, 214);
|
|
125
|
+
--p-decorative-four-text: rgb(0, 45, 45);
|
|
126
|
+
--p-decorative-five-icon: rgb(174, 43, 76);
|
|
127
|
+
--p-decorative-five-surface: rgb(253, 201, 208);
|
|
128
|
+
--p-decorative-five-text: rgb(79, 14, 31);
|
|
129
|
+
}
|
data/dist-modern/theme/base.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"surface": "#111213",
|
|
3
|
+
"onSurface": "#111213",
|
|
4
|
+
"interactive": "#2e72d2",
|
|
5
|
+
"secondary": "#111213",
|
|
6
|
+
"primary": "#2864aa",
|
|
7
|
+
"critical": "#d82c0d",
|
|
8
|
+
"warning": "#ffc453",
|
|
9
|
+
"highlight": "#5bcdda",
|
|
10
|
+
"success": "#008060",
|
|
11
|
+
"decorative": "#ffc96b"
|
|
12
|
+
}
|
|
@@ -137,4 +137,12 @@ $polaris-color-filters: (
|
|
|
137
137
|
'white': (
|
|
138
138
|
'base': brightness(0) saturate(100%) invert(100%),
|
|
139
139
|
),
|
|
140
|
+
'icon': (
|
|
141
|
+
'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
|
|
142
|
+
hue-rotate(169deg) brightness(95%) contrast(87%),
|
|
143
|
+
),
|
|
144
|
+
'action': (
|
|
145
|
+
'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
|
|
146
|
+
hue-rotate(162deg) brightness(95%) contrast(101%),
|
|
147
|
+
),
|
|
140
148
|
);
|
data/dist/index.common.js
CHANGED
|
@@ -1,76 +1,169 @@
|
|
|
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
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.colorInkLight = exports.colorInk = exports.colorRedLighter = exports.colorRedLight = exports.colorRed = exports.colorRedDark = exports.colorRedDarker = exports.colorRedText = exports.colorOrangeLighter = exports.colorOrangeLight = exports.colorOrange = exports.colorOrangeDark = exports.colorOrangeDarker = exports.colorOrangeText = exports.colorYellowLighter = exports.colorYellowLight = exports.colorYellow = exports.colorYellowDark = exports.colorYellowDarker = exports.colorYellowText = exports.colorGreenLighter = exports.colorGreenLight = exports.colorGreen = exports.colorGreenDark = exports.colorGreenDarker = exports.colorGreenText = exports.colorTealLighter = exports.colorTealLight = exports.colorTeal = exports.colorTealDark = exports.colorTealDarker = exports.colorTealText = exports.colorBlueLighter = exports.colorBlueLight = exports.colorBlue = exports.colorBlueDark = exports.colorBlueDarker = exports.colorBlueText = exports.colorIndigoLighter = exports.colorIndigoLight = exports.colorIndigo = exports.colorIndigoDark = exports.colorIndigoDarker = exports.colorIndigoText = exports.colorPurpleLighter = exports.colorPurpleLight = exports.colorPurple = exports.colorPurpleDark = exports.colorPurpleDarker = exports.colorPurpleText = void 0;
|
|
4
|
+
exports.fontStackMonospace = exports.fontStackBase = exports.spacingExtraLoose = exports.spacingLoose = exports.spacingBase = exports.spacingBaseTight = exports.spacingTight = exports.spacingExtraTight = exports.spacingNone = exports.durationSlowest = exports.durationSlower = exports.durationSlow = exports.durationBase = exports.durationFast = exports.durationNone = exports.colorWhite = exports.colorBlack = exports.colorSkyLighter = exports.colorSkyLight = exports.colorSky = exports.colorSkyDark = exports.colorInkLightest = exports.colorInkLighter = void 0;
|
|
5
|
+
exports.colorPurpleText = 'rgb(80, 73, 90)';
|
|
6
|
+
exports.colorPurpleDarker = 'rgb(35, 0, 81)';
|
|
7
|
+
exports.colorPurpleDark = 'rgb(80, 36, 143)';
|
|
8
|
+
exports.colorPurple = 'rgb(156, 106, 222)';
|
|
9
|
+
exports.colorPurpleLight = 'rgb(227, 208, 255)';
|
|
10
|
+
exports.colorPurpleLighter = 'rgb(246, 240, 253)';
|
|
11
|
+
exports.colorIndigoText = 'rgb(62, 65, 85)';
|
|
12
|
+
exports.colorIndigoDarker = 'rgb(0, 6, 57)';
|
|
13
|
+
exports.colorIndigoDark = 'rgb(32, 46, 120)';
|
|
14
|
+
exports.colorIndigo = 'rgb(92, 106, 196)';
|
|
15
|
+
exports.colorIndigoLight = 'rgb(179, 188, 245)';
|
|
16
|
+
exports.colorIndigoLighter = 'rgb(244, 245, 250)';
|
|
17
|
+
exports.colorBlueText = 'rgb(62, 78, 87)';
|
|
18
|
+
exports.colorBlueDarker = 'rgb(0, 20, 41)';
|
|
19
|
+
exports.colorBlueDark = 'rgb(8, 78, 138)';
|
|
20
|
+
exports.colorBlue = 'rgb(0, 111, 187)';
|
|
21
|
+
exports.colorBlueLight = 'rgb(180, 225, 250)';
|
|
22
|
+
exports.colorBlueLighter = 'rgb(235, 245, 250)';
|
|
23
|
+
exports.colorTealText = 'rgb(64, 83, 82)';
|
|
24
|
+
exports.colorTealDarker = 'rgb(0, 49, 53)';
|
|
25
|
+
exports.colorTealDark = 'rgb(0, 132, 142)';
|
|
26
|
+
exports.colorTeal = 'rgb(71, 193, 191)';
|
|
27
|
+
exports.colorTealLight = 'rgb(183, 236, 236)';
|
|
28
|
+
exports.colorTealLighter = 'rgb(224, 245, 245)';
|
|
29
|
+
exports.colorGreenText = 'rgb(65, 79, 62)';
|
|
30
|
+
exports.colorGreenDarker = 'rgb(23, 54, 48)';
|
|
31
|
+
exports.colorGreenDark = 'rgb(16, 128, 67)';
|
|
32
|
+
exports.colorGreen = 'rgb(80, 184, 60)';
|
|
33
|
+
exports.colorGreenLight = 'rgb(187, 229, 179)';
|
|
34
|
+
exports.colorGreenLighter = 'rgb(227, 241, 223)';
|
|
35
|
+
exports.colorYellowText = 'rgb(89, 81, 48)';
|
|
36
|
+
exports.colorYellowDarker = 'rgb(87, 59, 0)';
|
|
37
|
+
exports.colorYellowDark = 'rgb(138, 97, 22)';
|
|
38
|
+
exports.colorYellow = 'rgb(238, 194, 0)';
|
|
39
|
+
exports.colorYellowLight = 'rgb(255, 234, 138)';
|
|
40
|
+
exports.colorYellowLighter = 'rgb(252, 241, 205)';
|
|
41
|
+
exports.colorOrangeText = 'rgb(89, 68, 48)';
|
|
42
|
+
exports.colorOrangeDarker = 'rgb(74, 21, 4)';
|
|
43
|
+
exports.colorOrangeDark = 'rgb(192, 87, 23)';
|
|
44
|
+
exports.colorOrange = 'rgb(244, 147, 66)';
|
|
45
|
+
exports.colorOrangeLight = 'rgb(255, 197, 139)';
|
|
46
|
+
exports.colorOrangeLighter = 'rgb(252, 235, 219)';
|
|
47
|
+
exports.colorRedText = 'rgb(88, 60, 53)';
|
|
48
|
+
exports.colorRedDarker = 'rgb(51, 1, 1)';
|
|
49
|
+
exports.colorRedDark = 'rgb(191, 7, 17)';
|
|
50
|
+
exports.colorRed = 'rgb(222, 54, 24)';
|
|
51
|
+
exports.colorRedLight = 'rgb(254, 173, 154)';
|
|
52
|
+
exports.colorRedLighter = 'rgb(251, 234, 229)';
|
|
53
|
+
exports.colorInk = 'rgb(33, 43, 54)';
|
|
54
|
+
exports.colorInkLight = 'rgb(69, 79, 91)';
|
|
55
|
+
exports.colorInkLighter = 'rgb(99, 115, 129)';
|
|
56
|
+
exports.colorInkLightest = 'rgb(145, 158, 171)';
|
|
57
|
+
exports.colorSkyDark = 'rgb(196, 205, 213)';
|
|
58
|
+
exports.colorSky = 'rgb(223, 227, 232)';
|
|
59
|
+
exports.colorSkyLight = 'rgb(244, 246, 248)';
|
|
60
|
+
exports.colorSkyLighter = 'rgb(249, 250, 251)';
|
|
61
|
+
exports.colorBlack = 'rgb(0, 0, 0)';
|
|
62
|
+
exports.colorWhite = 'rgb(255, 255, 255)';
|
|
63
|
+
exports.durationNone = 0;
|
|
64
|
+
exports.durationFast = 100;
|
|
65
|
+
exports.durationBase = 200;
|
|
66
|
+
exports.durationSlow = 300;
|
|
67
|
+
exports.durationSlower = 400;
|
|
68
|
+
exports.durationSlowest = 500;
|
|
69
|
+
exports.spacingNone = 0;
|
|
70
|
+
exports.spacingExtraTight = '4px';
|
|
71
|
+
exports.spacingTight = '8px';
|
|
72
|
+
exports.spacingBaseTight = '12px';
|
|
73
|
+
exports.spacingBase = '16px';
|
|
74
|
+
exports.spacingLoose = '20px';
|
|
75
|
+
exports.spacingExtraLoose = '32px';
|
|
76
|
+
exports.fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
|
|
77
|
+
exports.fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
|
|
78
|
+
// When this package shipped only CJS, bundlers applied some cjs-to-esm interop
|
|
79
|
+
// dark magic that meant you could access content from index.common.js from an
|
|
80
|
+
// esm file in many ways.
|
|
81
|
+
// The following were all valid ways to access tokens:
|
|
82
|
+
//
|
|
83
|
+
// import {colorInk as namedImport} from '@shopify/polaris-tokens'
|
|
84
|
+
// import * as namespaceImport from '@shopify/polaris-tokens'
|
|
85
|
+
// import defaultImport from '@shopify/polaris-tokens'
|
|
86
|
+
// console.log(colorInk, namespaceImport.colorInk, defaultImport.colorInk)
|
|
87
|
+
//
|
|
88
|
+
// In order to avoid adding this esm file being a breaking change, we must
|
|
89
|
+
// provide a default export to maintain compatibility.
|
|
90
|
+
// This is a deprecated way of accessing tokens. Consumers should use either
|
|
91
|
+
// named imports (`import {colorInk}`) or a namespace import
|
|
92
|
+
// (`import * as tokens`).
|
|
93
|
+
// This default export should be removed in polaris-tokens v3 if we don't
|
|
94
|
+
// remove this file entirely.
|
|
95
|
+
exports.default = {
|
|
96
|
+
colorPurpleText: exports.colorPurpleText,
|
|
97
|
+
colorPurpleDarker: exports.colorPurpleDarker,
|
|
98
|
+
colorPurpleDark: exports.colorPurpleDark,
|
|
99
|
+
colorPurple: exports.colorPurple,
|
|
100
|
+
colorPurpleLight: exports.colorPurpleLight,
|
|
101
|
+
colorPurpleLighter: exports.colorPurpleLighter,
|
|
102
|
+
colorIndigoText: exports.colorIndigoText,
|
|
103
|
+
colorIndigoDarker: exports.colorIndigoDarker,
|
|
104
|
+
colorIndigoDark: exports.colorIndigoDark,
|
|
105
|
+
colorIndigo: exports.colorIndigo,
|
|
106
|
+
colorIndigoLight: exports.colorIndigoLight,
|
|
107
|
+
colorIndigoLighter: exports.colorIndigoLighter,
|
|
108
|
+
colorBlueText: exports.colorBlueText,
|
|
109
|
+
colorBlueDarker: exports.colorBlueDarker,
|
|
110
|
+
colorBlueDark: exports.colorBlueDark,
|
|
111
|
+
colorBlue: exports.colorBlue,
|
|
112
|
+
colorBlueLight: exports.colorBlueLight,
|
|
113
|
+
colorBlueLighter: exports.colorBlueLighter,
|
|
114
|
+
colorTealText: exports.colorTealText,
|
|
115
|
+
colorTealDarker: exports.colorTealDarker,
|
|
116
|
+
colorTealDark: exports.colorTealDark,
|
|
117
|
+
colorTeal: exports.colorTeal,
|
|
118
|
+
colorTealLight: exports.colorTealLight,
|
|
119
|
+
colorTealLighter: exports.colorTealLighter,
|
|
120
|
+
colorGreenText: exports.colorGreenText,
|
|
121
|
+
colorGreenDarker: exports.colorGreenDarker,
|
|
122
|
+
colorGreenDark: exports.colorGreenDark,
|
|
123
|
+
colorGreen: exports.colorGreen,
|
|
124
|
+
colorGreenLight: exports.colorGreenLight,
|
|
125
|
+
colorGreenLighter: exports.colorGreenLighter,
|
|
126
|
+
colorYellowText: exports.colorYellowText,
|
|
127
|
+
colorYellowDarker: exports.colorYellowDarker,
|
|
128
|
+
colorYellowDark: exports.colorYellowDark,
|
|
129
|
+
colorYellow: exports.colorYellow,
|
|
130
|
+
colorYellowLight: exports.colorYellowLight,
|
|
131
|
+
colorYellowLighter: exports.colorYellowLighter,
|
|
132
|
+
colorOrangeText: exports.colorOrangeText,
|
|
133
|
+
colorOrangeDarker: exports.colorOrangeDarker,
|
|
134
|
+
colorOrangeDark: exports.colorOrangeDark,
|
|
135
|
+
colorOrange: exports.colorOrange,
|
|
136
|
+
colorOrangeLight: exports.colorOrangeLight,
|
|
137
|
+
colorOrangeLighter: exports.colorOrangeLighter,
|
|
138
|
+
colorRedText: exports.colorRedText,
|
|
139
|
+
colorRedDarker: exports.colorRedDarker,
|
|
140
|
+
colorRedDark: exports.colorRedDark,
|
|
141
|
+
colorRed: exports.colorRed,
|
|
142
|
+
colorRedLight: exports.colorRedLight,
|
|
143
|
+
colorRedLighter: exports.colorRedLighter,
|
|
144
|
+
colorInk: exports.colorInk,
|
|
145
|
+
colorInkLight: exports.colorInkLight,
|
|
146
|
+
colorInkLighter: exports.colorInkLighter,
|
|
147
|
+
colorInkLightest: exports.colorInkLightest,
|
|
148
|
+
colorSkyDark: exports.colorSkyDark,
|
|
149
|
+
colorSky: exports.colorSky,
|
|
150
|
+
colorSkyLight: exports.colorSkyLight,
|
|
151
|
+
colorSkyLighter: exports.colorSkyLighter,
|
|
152
|
+
colorBlack: exports.colorBlack,
|
|
153
|
+
colorWhite: exports.colorWhite,
|
|
154
|
+
durationNone: exports.durationNone,
|
|
155
|
+
durationFast: exports.durationFast,
|
|
156
|
+
durationBase: exports.durationBase,
|
|
157
|
+
durationSlow: exports.durationSlow,
|
|
158
|
+
durationSlower: exports.durationSlower,
|
|
159
|
+
durationSlowest: exports.durationSlowest,
|
|
160
|
+
spacingNone: exports.spacingNone,
|
|
161
|
+
spacingExtraTight: exports.spacingExtraTight,
|
|
162
|
+
spacingTight: exports.spacingTight,
|
|
163
|
+
spacingBaseTight: exports.spacingBaseTight,
|
|
164
|
+
spacingBase: exports.spacingBase,
|
|
165
|
+
spacingLoose: exports.spacingLoose,
|
|
166
|
+
spacingExtraLoose: exports.spacingExtraLoose,
|
|
167
|
+
fontStackBase: exports.fontStackBase,
|
|
168
|
+
fontStackMonospace: exports.fontStackMonospace,
|
|
76
169
|
};
|