@paprika/tokens 1.1.4 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -0
- package/lib/tokens.d.ts +0 -4
- package/lib/tokens.js +1 -5
- package/lib/tokens.js.map +1 -1
- package/lib/tokens.json +1 -5
- package/lib/tokens.mdx +1 -3
- package/lib/tokens.scss +1 -6
- package/lib/tokens.yaml +1 -5
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
1
|
# @paprika/tokens
|
|
2
2
|
|
|
3
|
+
## 2.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- 9ac6aca: Removed `Pill` related tokens
|
|
8
|
+
|
|
9
|
+
#### why the change was made:
|
|
10
|
+
|
|
11
|
+
Removing the tokens related to `Pill` as the component was deprecated.
|
|
12
|
+
|
|
13
|
+
#### 👷 Moving from 1.x.x to 2.x.x:
|
|
14
|
+
|
|
15
|
+
`$pill--small-radius` and `$pill--medium-radius` are removed.
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- 0bf34d9: panel and modal footer background color changes to #f0f0f0
|
|
20
|
+
|
|
21
|
+
## 2.0.0-next.1
|
|
22
|
+
|
|
23
|
+
### Major Changes
|
|
24
|
+
|
|
25
|
+
- 9ac6aca: Removed `Pill` related tokens
|
|
26
|
+
|
|
27
|
+
#### why the change was made:
|
|
28
|
+
|
|
29
|
+
Removing the tokens related to `Pill` as the component was deprecated.
|
|
30
|
+
|
|
31
|
+
#### 👷 Moving from 1.x.x to 2.x.x:
|
|
32
|
+
|
|
33
|
+
`$pill--small-radius` and `$pill--medium-radius` are removed.
|
|
34
|
+
|
|
35
|
+
## 1.1.5-next.0
|
|
36
|
+
|
|
37
|
+
### Patch Changes
|
|
38
|
+
|
|
39
|
+
- 0bf34d9: panel and modal footer background color changes to #f0f0f0
|
|
40
|
+
|
|
3
41
|
## 1.1.4
|
|
4
42
|
|
|
5
43
|
### Patch Changes
|
package/lib/tokens.d.ts
CHANGED
|
@@ -237,10 +237,6 @@ declare namespace tokens {
|
|
|
237
237
|
const small: string;
|
|
238
238
|
const medium: string;
|
|
239
239
|
}
|
|
240
|
-
export namespace pill {
|
|
241
|
-
const smallRadius: string;
|
|
242
|
-
const mediumRadius: string;
|
|
243
|
-
}
|
|
244
240
|
export namespace backgroundColor_6 {
|
|
245
241
|
const level0: string;
|
|
246
242
|
}
|
package/lib/tokens.js
CHANGED
|
@@ -188,7 +188,7 @@ var tokens = {
|
|
|
188
188
|
"margin": "24px",
|
|
189
189
|
"top": "100px",
|
|
190
190
|
"footer": {
|
|
191
|
-
"backgroundColor": "#
|
|
191
|
+
"backgroundColor": "#f0f0f0"
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
194
|
"checkbox": {
|
|
@@ -215,10 +215,6 @@ var tokens = {
|
|
|
215
215
|
"small": "17px",
|
|
216
216
|
"medium": "19px"
|
|
217
217
|
},
|
|
218
|
-
"pill": {
|
|
219
|
-
"smallRadius": "8px / 50%",
|
|
220
|
-
"mediumRadius": "12px / 50%"
|
|
221
|
-
},
|
|
222
218
|
"backgroundColor": {
|
|
223
219
|
"level0": "#f7f7f7"
|
|
224
220
|
},
|
package/lib/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens.js"],"names":["tokens"],"mappings":"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","sourcesContent":["const tokens = {\n \"color\": {\n \"black\": \"#3f3d3c\",\n \"blackLighten10\": \"#575757\",\n \"blackLighten20\": \"#717171\",\n \"blackLighten30\": \"#8a8a8a\",\n \"blackLighten40\": \"#a4a4a4\",\n \"blackLighten50\": \"#bdbdbd\",\n \"blackLighten60\": \"#d7d7d7\",\n \"blackLighten70\": \"#f0f0f0\",\n \"blackLighten80\": \"#f7f7f7\",\n \"blackLighten90\": \"#fcfcfc\",\n \"blackDisabled\": \"#a4a4a4\",\n \"blackPure\": \"#000000\",\n \"blue\": \"#276cf5\",\n \"blueDarken20\": \"#004a94\",\n \"blueDarken10\": \"#0063c5\",\n \"blueLighten10\": \"#3396f9\",\n \"blueLighten20\": \"#66b0fa\",\n \"blueLighten30\": \"#99cbfc\",\n \"blueLighten40\": \"#cce5fd\",\n \"blueLighten50\": \"#e5f1fe\",\n \"creme\": \"#e6e3df\",\n \"cremeDarken30\": \"#a39889\",\n \"cremeDarken20\": \"#b9b1a6\",\n \"cremeDarken10\": \"#d0cac2\",\n \"cremeLighten5\": \"#f1f0ed\",\n \"cremeLighten10\": \"#fcfcfc\",\n \"diligent\": \"#2F3B4D\",\n \"diligentLighten10\": \"#37465B\",\n \"diligentLighten20\": \"#455772\",\n \"diligentLighten30\": \"#5D7599\",\n \"diligentLighten70\": \"#F4F6F8\",\n \"diligentDarken10\": \"#202935\",\n \"green\": \"#42996d\",\n \"greenDarken10\": \"#337554\",\n \"greenDarken20\": \"#23523a\",\n \"greenLighten10\": \"#5db187\",\n \"greenLighten20\": \"#80c1a0\",\n \"greenLighten30\": \"#a2d2ba\",\n \"greenLighten40\": \"#c4e3d3\",\n \"greenLighten50\": \"#e7f3ed\",\n \"offWhite\": \"#f0f0f0\",\n \"orange\": \"#de4d33\",\n \"orangeDarken10\": \"#bf371f\",\n \"orangeDarken20\": \"#932b18\",\n \"orangeDarken30\": \"#671e11\",\n \"orangeLighten10\": \"#e07764\",\n \"orangeLighten20\": \"#e99c8e\",\n \"orangeLighten30\": \"#f1c1b9\",\n \"orangeLighten40\": \"#fae7e3\",\n \"orangeDisabled\": \"#e99c8e\",\n \"orangeHighlight\": \"#e1624b\",\n \"purple\": \"#785cba\",\n \"purpleDarken10\": \"#5f449f\",\n \"purpleDarken20\": \"#4a347c\",\n \"purpleLighten10\": \"#9884c5\",\n \"purpleLighten20\": \"#b5a7d5\",\n \"purpleLighten30\": \"#d2c9e6\",\n \"purpleLighten40\": \"#efecf6\",\n \"purpleLighten50\": \"#fbfafd\",\n \"white\": \"#ffffff\",\n \"yellow\": \"#eaba51\",\n \"yellowDarken10\": \"#e5a823\",\n \"yellowDarken20\": \"#be8a17\",\n \"yellowDarken30\": \"#916911\",\n \"yellowDarken40\": \"#63480c\",\n \"yellowLighten10\": \"#eccb82\",\n \"yellowLighten20\": \"#f3ddae\",\n \"yellowLighten30\": \"#f9f0db\",\n \"gold\": \"#f0a117\",\n \"silver\": \"#cfcfcf\",\n \"eggplant\": \"#2e143d\",\n \"eggplantLighten10\": \"#4b2164\",\n \"eggplantLighten20\": \"#682e8b\",\n \"eggplantLighten30\": \"#853AB1\",\n \"chartColor01\": \"#cd3c44\",\n \"chartColor02\": \"#cb8133\",\n \"chartColor03\": \"#eaba51\",\n \"chartColor04\": \"#79a551\",\n \"chartColor05\": \"#299a7a\",\n \"chartColor06\": \"#8c6d68\",\n \"chartColor07\": \"#ec848f\",\n \"chartColor08\": \"#b9668f\",\n \"chartColor09\": \"#785cba\",\n \"chartColor10\": \"#2b82bf\",\n \"chartColor11\": \"#7ec0cc\",\n \"chartColor12\": \"#d1cbc2\"\n },\n \"space\": \"8px\",\n \"spaceSm\": \"4px\",\n \"spaceLg\": \"12px\",\n \"placeholder\": {\n \"color\": \"#717171\",\n \"fontStyle\": \"italic\"\n },\n \"highlight\": {\n \"active\": {\n \"noBorder\": {\n \"boxShadow\": \"0 0 0 2px #99cbfc\",\n \"insetBoxShadow\": \"inset 0 0 0 2px #99cbfc\",\n \"borderColor\": \"#276cf5\"\n },\n \"withBorder\": {\n \"boxShadow\": \"0 0 0 1px #276cf5, 0 0 0 3px #99cbfc\",\n \"insetBoxShadow\": \"inset 0 0 0 1px #276cf5, inset 0 0 0 3px #99cbfc\"\n },\n \"nonInteractive\": {\n \"outline\": \"2px dotted #8a8a8a\"\n }\n },\n \"text\": {\n \"green\": {\n \"background\": \"#e7f3ed\",\n \"font\": \"#23523a\"\n },\n \"orange\": {\n \"background\": \"#fae7e3\",\n \"font\": \"#932b18\"\n },\n \"yellow\": {\n \"background\": \"#f7f3ba\",\n \"font\": \"#63480c\"\n }\n }\n },\n \"textColor\": {\n \"default\": \"#3f3d3c\",\n \"subtle\": \"#717171\",\n \"link\": \"#0063c5\",\n \"linkHover\": \"#004a94\",\n \"icon\": \"#717171\"\n },\n \"fontFamily\": {\n \"default\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif\",\n \"jp\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Hiragino Kaku Gothic Pro\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"MS Pゴシック\\\", \\\"MS PGothic\\\"\",\n \"kr\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Malgun Gothic\\\"\",\n \"zh\": \"\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, 黑體-繁, \\\"Heiti TC\\\", 儷黑Pro, \\\"LiHei Pro\\\", PMingLiu, 宋体, SimSun\"\n },\n \"table\": {\n \"header\": {\n \"backgroundColor\": \"#f0f0f0\"\n },\n \"row\": {\n \"backgroundColor\": \"#ffffff\"\n },\n \"rowEven\": {\n \"backgroundColor\": \"#f7f7f7\"\n }\n },\n \"border\": {\n \"radius\": \"3px\",\n \"color\": \"#d7d7d7\",\n \"hoverColor\": \"#a4a4a4\",\n \"colorTransition\": \"border-color 0.2s\"\n },\n \"button\": {\n \"borderRadius\": \"4px\"\n },\n \"card\": {\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 0 0 1px rgba(63,61,60,0.05),0 1px 3px 0 rgba(63,61,60,0.15)\"\n },\n \"overlay\": {\n \"animationDuration\": \"700\",\n \"backdrop\": {\n \"backgroundColor\": \"rgba(63,61,60,0.5)\"\n }\n },\n \"modal\": {\n \"backgroundColor\": \"#ffffff\",\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 8px 12px -4px rgba(63,61,60,0.2),0 1px 3px 0 rgba(63,61,60,0.1)\",\n \"sizes\": {\n \"sm\": \"450px\",\n \"md\": \"675px\",\n \"lg\": \"900px\"\n },\n \"margin\": \"24px\",\n \"top\": \"100px\",\n \"footer\": {\n \"backgroundColor\": \"#f7f7f7\"\n }\n },\n \"checkbox\": {\n \"sizeSm\": \"16px\",\n \"sizeMd\": \"18px\",\n \"sizeLg\": \"24px\"\n },\n \"radio\": {\n \"sizeSm\": \"16px\",\n \"sizeMd\": \"20px\",\n \"sizeLg\": \"24px\"\n },\n \"icon\": {\n \"sizeSm\": \"20px\",\n \"sizeMd\": \"24px\",\n \"sizeLg\": \"40px\",\n \"sizeXlg\": \"48px\"\n },\n \"popover\": {\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 2px 4px rgba(0,0,0,0.1)\"\n },\n \"counter\": {\n \"small\": \"17px\",\n \"medium\": \"19px\"\n },\n \"pill\": {\n \"smallRadius\": \"8px / 50%\",\n \"mediumRadius\": \"12px / 50%\"\n },\n \"backgroundColor\": {\n \"level0\": \"#f7f7f7\"\n },\n \"fontSize\": {\n \"default\": \"16px\"\n },\n \"shadow\": \"0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)\",\n \"diligent\": {\n \"actionPrimary\": \"#5D7599\",\n \"backgroundBase\": \"#F4F6F8\",\n \"brandPrimary\": \"#2F3B4D\"\n }\n};\nexport default tokens;"],"file":"tokens.js"}
|
|
1
|
+
{"version":3,"sources":["../src/tokens.js"],"names":["tokens"],"mappings":"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","sourcesContent":["const tokens = {\n \"color\": {\n \"black\": \"#3f3d3c\",\n \"blackLighten10\": \"#575757\",\n \"blackLighten20\": \"#717171\",\n \"blackLighten30\": \"#8a8a8a\",\n \"blackLighten40\": \"#a4a4a4\",\n \"blackLighten50\": \"#bdbdbd\",\n \"blackLighten60\": \"#d7d7d7\",\n \"blackLighten70\": \"#f0f0f0\",\n \"blackLighten80\": \"#f7f7f7\",\n \"blackLighten90\": \"#fcfcfc\",\n \"blackDisabled\": \"#a4a4a4\",\n \"blackPure\": \"#000000\",\n \"blue\": \"#276cf5\",\n \"blueDarken20\": \"#004a94\",\n \"blueDarken10\": \"#0063c5\",\n \"blueLighten10\": \"#3396f9\",\n \"blueLighten20\": \"#66b0fa\",\n \"blueLighten30\": \"#99cbfc\",\n \"blueLighten40\": \"#cce5fd\",\n \"blueLighten50\": \"#e5f1fe\",\n \"creme\": \"#e6e3df\",\n \"cremeDarken30\": \"#a39889\",\n \"cremeDarken20\": \"#b9b1a6\",\n \"cremeDarken10\": \"#d0cac2\",\n \"cremeLighten5\": \"#f1f0ed\",\n \"cremeLighten10\": \"#fcfcfc\",\n \"diligent\": \"#2F3B4D\",\n \"diligentLighten10\": \"#37465B\",\n \"diligentLighten20\": \"#455772\",\n \"diligentLighten30\": \"#5D7599\",\n \"diligentLighten70\": \"#F4F6F8\",\n \"diligentDarken10\": \"#202935\",\n \"green\": \"#42996d\",\n \"greenDarken10\": \"#337554\",\n \"greenDarken20\": \"#23523a\",\n \"greenLighten10\": \"#5db187\",\n \"greenLighten20\": \"#80c1a0\",\n \"greenLighten30\": \"#a2d2ba\",\n \"greenLighten40\": \"#c4e3d3\",\n \"greenLighten50\": \"#e7f3ed\",\n \"offWhite\": \"#f0f0f0\",\n \"orange\": \"#de4d33\",\n \"orangeDarken10\": \"#bf371f\",\n \"orangeDarken20\": \"#932b18\",\n \"orangeDarken30\": \"#671e11\",\n \"orangeLighten10\": \"#e07764\",\n \"orangeLighten20\": \"#e99c8e\",\n \"orangeLighten30\": \"#f1c1b9\",\n \"orangeLighten40\": \"#fae7e3\",\n \"orangeDisabled\": \"#e99c8e\",\n \"orangeHighlight\": \"#e1624b\",\n \"purple\": \"#785cba\",\n \"purpleDarken10\": \"#5f449f\",\n \"purpleDarken20\": \"#4a347c\",\n \"purpleLighten10\": \"#9884c5\",\n \"purpleLighten20\": \"#b5a7d5\",\n \"purpleLighten30\": \"#d2c9e6\",\n \"purpleLighten40\": \"#efecf6\",\n \"purpleLighten50\": \"#fbfafd\",\n \"white\": \"#ffffff\",\n \"yellow\": \"#eaba51\",\n \"yellowDarken10\": \"#e5a823\",\n \"yellowDarken20\": \"#be8a17\",\n \"yellowDarken30\": \"#916911\",\n \"yellowDarken40\": \"#63480c\",\n \"yellowLighten10\": \"#eccb82\",\n \"yellowLighten20\": \"#f3ddae\",\n \"yellowLighten30\": \"#f9f0db\",\n \"gold\": \"#f0a117\",\n \"silver\": \"#cfcfcf\",\n \"eggplant\": \"#2e143d\",\n \"eggplantLighten10\": \"#4b2164\",\n \"eggplantLighten20\": \"#682e8b\",\n \"eggplantLighten30\": \"#853AB1\",\n \"chartColor01\": \"#cd3c44\",\n \"chartColor02\": \"#cb8133\",\n \"chartColor03\": \"#eaba51\",\n \"chartColor04\": \"#79a551\",\n \"chartColor05\": \"#299a7a\",\n \"chartColor06\": \"#8c6d68\",\n \"chartColor07\": \"#ec848f\",\n \"chartColor08\": \"#b9668f\",\n \"chartColor09\": \"#785cba\",\n \"chartColor10\": \"#2b82bf\",\n \"chartColor11\": \"#7ec0cc\",\n \"chartColor12\": \"#d1cbc2\"\n },\n \"space\": \"8px\",\n \"spaceSm\": \"4px\",\n \"spaceLg\": \"12px\",\n \"placeholder\": {\n \"color\": \"#717171\",\n \"fontStyle\": \"italic\"\n },\n \"highlight\": {\n \"active\": {\n \"noBorder\": {\n \"boxShadow\": \"0 0 0 2px #99cbfc\",\n \"insetBoxShadow\": \"inset 0 0 0 2px #99cbfc\",\n \"borderColor\": \"#276cf5\"\n },\n \"withBorder\": {\n \"boxShadow\": \"0 0 0 1px #276cf5, 0 0 0 3px #99cbfc\",\n \"insetBoxShadow\": \"inset 0 0 0 1px #276cf5, inset 0 0 0 3px #99cbfc\"\n },\n \"nonInteractive\": {\n \"outline\": \"2px dotted #8a8a8a\"\n }\n },\n \"text\": {\n \"green\": {\n \"background\": \"#e7f3ed\",\n \"font\": \"#23523a\"\n },\n \"orange\": {\n \"background\": \"#fae7e3\",\n \"font\": \"#932b18\"\n },\n \"yellow\": {\n \"background\": \"#f7f3ba\",\n \"font\": \"#63480c\"\n }\n }\n },\n \"textColor\": {\n \"default\": \"#3f3d3c\",\n \"subtle\": \"#717171\",\n \"link\": \"#0063c5\",\n \"linkHover\": \"#004a94\",\n \"icon\": \"#717171\"\n },\n \"fontFamily\": {\n \"default\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif\",\n \"jp\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Hiragino Kaku Gothic Pro\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"MS Pゴシック\\\", \\\"MS PGothic\\\"\",\n \"kr\": \"\\\"Lato\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, \\\"Malgun Gothic\\\"\",\n \"zh\": \"\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif, 黑體-繁, \\\"Heiti TC\\\", 儷黑Pro, \\\"LiHei Pro\\\", PMingLiu, 宋体, SimSun\"\n },\n \"table\": {\n \"header\": {\n \"backgroundColor\": \"#f0f0f0\"\n },\n \"row\": {\n \"backgroundColor\": \"#ffffff\"\n },\n \"rowEven\": {\n \"backgroundColor\": \"#f7f7f7\"\n }\n },\n \"border\": {\n \"radius\": \"3px\",\n \"color\": \"#d7d7d7\",\n \"hoverColor\": \"#a4a4a4\",\n \"colorTransition\": \"border-color 0.2s\"\n },\n \"button\": {\n \"borderRadius\": \"4px\"\n },\n \"card\": {\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 0 0 1px rgba(63,61,60,0.05),0 1px 3px 0 rgba(63,61,60,0.15)\"\n },\n \"overlay\": {\n \"animationDuration\": \"700\",\n \"backdrop\": {\n \"backgroundColor\": \"rgba(63,61,60,0.5)\"\n }\n },\n \"modal\": {\n \"backgroundColor\": \"#ffffff\",\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 8px 12px -4px rgba(63,61,60,0.2),0 1px 3px 0 rgba(63,61,60,0.1)\",\n \"sizes\": {\n \"sm\": \"450px\",\n \"md\": \"675px\",\n \"lg\": \"900px\"\n },\n \"margin\": \"24px\",\n \"top\": \"100px\",\n \"footer\": {\n \"backgroundColor\": \"#f0f0f0\"\n }\n },\n \"checkbox\": {\n \"sizeSm\": \"16px\",\n \"sizeMd\": \"18px\",\n \"sizeLg\": \"24px\"\n },\n \"radio\": {\n \"sizeSm\": \"16px\",\n \"sizeMd\": \"20px\",\n \"sizeLg\": \"24px\"\n },\n \"icon\": {\n \"sizeSm\": \"20px\",\n \"sizeMd\": \"24px\",\n \"sizeLg\": \"40px\",\n \"sizeXlg\": \"48px\"\n },\n \"popover\": {\n \"borderRadius\": \"6px\",\n \"shadow\": \"0 2px 4px rgba(0,0,0,0.1)\"\n },\n \"counter\": {\n \"small\": \"17px\",\n \"medium\": \"19px\"\n },\n \"backgroundColor\": {\n \"level0\": \"#f7f7f7\"\n },\n \"fontSize\": {\n \"default\": \"16px\"\n },\n \"shadow\": \"0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)\",\n \"diligent\": {\n \"actionPrimary\": \"#5D7599\",\n \"backgroundBase\": \"#F4F6F8\",\n \"brandPrimary\": \"#2F3B4D\"\n }\n};\nexport default tokens;"],"file":"tokens.js"}
|
package/lib/tokens.json
CHANGED
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
"margin": "24px",
|
|
180
180
|
"top": "100px",
|
|
181
181
|
"footer": {
|
|
182
|
-
"backgroundColor": "#
|
|
182
|
+
"backgroundColor": "#f0f0f0"
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
185
|
"checkbox": {
|
|
@@ -206,10 +206,6 @@
|
|
|
206
206
|
"small": "17px",
|
|
207
207
|
"medium": "19px"
|
|
208
208
|
},
|
|
209
|
-
"pill": {
|
|
210
|
-
"smallRadius": "8px / 50%",
|
|
211
|
-
"mediumRadius": "12px / 50%"
|
|
212
|
-
},
|
|
213
209
|
"backgroundColor": {
|
|
214
210
|
"level0": "#f7f7f7"
|
|
215
211
|
},
|
package/lib/tokens.mdx
CHANGED
|
@@ -142,7 +142,7 @@ import TokenSquare from "./TokenSquare"
|
|
|
142
142
|
| $modal--sizes--lg | 900px | |
|
|
143
143
|
| $modal--margin | 24px | |
|
|
144
144
|
| $modal--top | 100px | |
|
|
145
|
-
| $modal--footer--background-color | #
|
|
145
|
+
| $modal--footer--background-color | #f0f0f0 | <TokenSquare color="#f0f0f0" /> |
|
|
146
146
|
| $checkbox--size-sm | 16px | |
|
|
147
147
|
| $checkbox--size-md | 18px | |
|
|
148
148
|
| $checkbox--size-lg | 24px | |
|
|
@@ -157,8 +157,6 @@ import TokenSquare from "./TokenSquare"
|
|
|
157
157
|
| $popover--shadow | 0 2px 4px rgba(0,0,0,0.1) | |
|
|
158
158
|
| $counter--small | 17px | |
|
|
159
159
|
| $counter--medium | 19px | |
|
|
160
|
-
| $pill--small-radius | 8px / 50% | |
|
|
161
|
-
| $pill--medium-radius | 12px / 50% | |
|
|
162
160
|
| $background-color--level0 | #f7f7f7 | <TokenSquare color="#f7f7f7" /> |
|
|
163
161
|
| $font-size--default | 16px | |
|
|
164
162
|
| $shadow | 0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1) | |
|
package/lib/tokens.scss
CHANGED
|
@@ -203,7 +203,7 @@ $modal--margin: 24px;
|
|
|
203
203
|
$modal--top: 100px;
|
|
204
204
|
|
|
205
205
|
//footer
|
|
206
|
-
$modal--footer--background-color: #
|
|
206
|
+
$modal--footer--background-color: #f0f0f0;
|
|
207
207
|
|
|
208
208
|
|
|
209
209
|
|
|
@@ -236,11 +236,6 @@ $counter--small: 17px;
|
|
|
236
236
|
$counter--medium: 19px;
|
|
237
237
|
|
|
238
238
|
|
|
239
|
-
//pill
|
|
240
|
-
$pill--small-radius: 8px / 50%;
|
|
241
|
-
$pill--medium-radius: 12px / 50%;
|
|
242
|
-
|
|
243
|
-
|
|
244
239
|
//background-color
|
|
245
240
|
$background-color--level0: #f7f7f7;
|
|
246
241
|
|
package/lib/tokens.yaml
CHANGED
|
@@ -179,7 +179,7 @@ modal:
|
|
|
179
179
|
margin: ($space * 3)
|
|
180
180
|
top: 100px
|
|
181
181
|
footer:
|
|
182
|
-
background-color: $color--black-lighten-
|
|
182
|
+
background-color: $color--black-lighten-70
|
|
183
183
|
#
|
|
184
184
|
checkbox:
|
|
185
185
|
size-sm: 16px
|
|
@@ -202,10 +202,6 @@ counter:
|
|
|
202
202
|
small: 17px
|
|
203
203
|
medium: 19px
|
|
204
204
|
#
|
|
205
|
-
pill:
|
|
206
|
-
small-radius: 8px unquote("/") 50%
|
|
207
|
-
medium-radius: 12px unquote("/") 50%
|
|
208
|
-
#
|
|
209
205
|
background-color:
|
|
210
206
|
level0: $color--black-lighten-80
|
|
211
207
|
#
|