@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 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": "#f7f7f7"
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": "#f7f7f7"
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 | #f7f7f7 | <TokenSquare color="#f7f7f7" /> |
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: #f7f7f7;
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-80
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
  #
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paprika/tokens",
3
- "version": "1.1.4",
3
+ "version": "2.0.0",
4
4
  "description": "Design tokens generated as scss + js",
5
5
  "author": "@paprika",
6
6
  "main": "lib/index.js",