@paprika/tokens 1.0.0 → 1.1.1-next.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/lib/TokenSquare.js +2 -2
  3. package/lib/index.js +2 -2
  4. package/lib/tokens.js +18 -1
  5. package/lib/tokens.js.map +1 -1
  6. package/lib/tokens.json +18 -1
  7. package/lib/tokens.mdx +13 -0
  8. package/lib/tokens.scss +19 -0
  9. package/lib/tokens.yaml +18 -0
  10. package/package.json +2 -3
  11. package/LICENSE +0 -21
  12. package/lib/index.d.ts +0 -253
  13. package/lib/tokens.d.ts +0 -238
package/CHANGELOG.md ADDED
@@ -0,0 +1,29 @@
1
+ # @paprika/tokens
2
+
3
+ ## 1.1.1-next.0
4
+
5
+ ### Patch Changes
6
+
7
+ - 27e1439: updated icon template for icon size change
8
+
9
+ ## 1.1.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 3385c1f: Add diligent brand colors hex code to tokens
14
+
15
+ ### Patch Changes
16
+
17
+ - fd94ddb: Fixed typo for \$diligent--background-base
18
+
19
+ ## 1.1.0-next.1
20
+
21
+ ### Patch Changes
22
+
23
+ - fd94ddb: Fixed typo for \$diligent--background-base
24
+
25
+ ## 1.1.0-next.0
26
+
27
+ ### Minor Changes
28
+
29
+ - 3385c1f: Add diligent brand colors hex code to tokens
package/lib/TokenSquare.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
4
-
5
3
  var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
6
4
 
5
+ var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
6
+
7
7
  _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
package/lib/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
4
-
5
3
  var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
6
4
 
5
+ var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
6
+
7
7
  _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
package/lib/tokens.js CHANGED
@@ -35,6 +35,12 @@ var tokens = {
35
35
  "cremeDarken10": "#d0cac2",
36
36
  "cremeLighten5": "#f1f0ed",
37
37
  "cremeLighten10": "#fcfcfc",
38
+ "diligent": "#2F3B4D",
39
+ "diligentLighten10": "#37465B",
40
+ "diligentLighten20": "#455772",
41
+ "diligentLighten30": "#5D7599",
42
+ "diligentLighten70": "#F4F6F8",
43
+ "diligentDarken10": "#202935",
38
44
  "green": "#42996d",
39
45
  "greenDarken10": "#337554",
40
46
  "greenDarken20": "#23523a",
@@ -195,6 +201,12 @@ var tokens = {
195
201
  "sizeMd": "20px",
196
202
  "sizeLg": "24px"
197
203
  },
204
+ "icon": {
205
+ "sizeSm": "20px",
206
+ "sizeMd": "24px",
207
+ "sizeLg": "40px",
208
+ "sizeXlg": "48px"
209
+ },
198
210
  "popover": {
199
211
  "borderRadius": "6px",
200
212
  "shadow": "0 2px 4px rgba(0,0,0,0.1)"
@@ -213,7 +225,12 @@ var tokens = {
213
225
  "fontSize": {
214
226
  "default": "16px"
215
227
  },
216
- "shadow": "0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)"
228
+ "shadow": "0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)",
229
+ "diligent": {
230
+ "actionPrimary": "#5D7599",
231
+ "backgroundBase": "#F4F6F8",
232
+ "brandPrimary": "#2F3B4D"
233
+ }
217
234
  };
218
235
  var _default = tokens;
219
236
  exports["default"] = _default;
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 \"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 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\": \"20px\",\n \"sizeLg\": \"24px\"\n },\n \"radio\": {\n \"sizeSm\": \"16px\",\n \"sizeMd\": \"20px\",\n \"sizeLg\": \"24px\"\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};\nexport default tokens;"],"file":"tokens.js"}
1
+ {"version":3,"sources":["../src/tokens.js"],"names":["tokens"],"mappings":";;;;;;;;;AAAA,IAAMA,MAAM,GAAG;AACb,WAAS;AACP,aAAS,SADF;AAEP,sBAAkB,SAFX;AAGP,sBAAkB,SAHX;AAIP,sBAAkB,SAJX;AAKP,sBAAkB,SALX;AAMP,sBAAkB,SANX;AAOP,sBAAkB,SAPX;AAQP,sBAAkB,SARX;AASP,sBAAkB,SATX;AAUP,sBAAkB,SAVX;AAWP,qBAAiB,SAXV;AAYP,iBAAa,SAZN;AAaP,YAAQ,SAbD;AAcP,oBAAgB,SAdT;AAeP,oBAAgB,SAfT;AAgBP,qBAAiB,SAhBV;AAiBP,qBAAiB,SAjBV;AAkBP,qBAAiB,SAlBV;AAmBP,qBAAiB,SAnBV;AAoBP,qBAAiB,SApBV;AAqBP,aAAS,SArBF;AAsBP,qBAAiB,SAtBV;AAuBP,qBAAiB,SAvBV;AAwBP,qBAAiB,SAxBV;AAyBP,qBAAiB,SAzBV;AA0BP,sBAAkB,SA1BX;AA2BP,gBAAY,SA3BL;AA4BP,yBAAqB,SA5Bd;AA6BP,yBAAqB,SA7Bd;AA8BP,yBAAqB,SA9Bd;AA+BP,yBAAqB,SA/Bd;AAgCP,wBAAoB,SAhCb;AAiCP,aAAS,SAjCF;AAkCP,qBAAiB,SAlCV;AAmCP,qBAAiB,SAnCV;AAoCP,sBAAkB,SApCX;AAqCP,sBAAkB,SArCX;AAsCP,sBAAkB,SAtCX;AAuCP,sBAAkB,SAvCX;AAwCP,sBAAkB,SAxCX;AAyCP,gBAAY,SAzCL;AA0CP,cAAU,SA1CH;AA2CP,sBAAkB,SA3CX;AA4CP,sBAAkB,SA5CX;AA6CP,sBAAkB,SA7CX;AA8CP,uBAAmB,SA9CZ;AA+CP,uBAAmB,SA/CZ;AAgDP,uBAAmB,SAhDZ;AAiDP,uBAAmB,SAjDZ;AAkDP,sBAAkB,SAlDX;AAmDP,uBAAmB,SAnDZ;AAoDP,cAAU,SApDH;AAqDP,sBAAkB,SArDX;AAsDP,sBAAkB,SAtDX;AAuDP,uBAAmB,SAvDZ;AAwDP,uBAAmB,SAxDZ;AAyDP,uBAAmB,SAzDZ;AA0DP,uBAAmB,SA1DZ;AA2DP,uBAAmB,SA3DZ;AA4DP,aAAS,SA5DF;AA6DP,cAAU,SA7DH;AA8DP,sBAAkB,SA9DX;AA+DP,sBAAkB,SA/DX;AAgEP,sBAAkB,SAhEX;AAiEP,sBAAkB,SAjEX;AAkEP,uBAAmB,SAlEZ;AAmEP,uBAAmB,SAnEZ;AAoEP,uBAAmB,SApEZ;AAqEP,YAAQ,SArED;AAsEP,cAAU,SAtEH;AAuEP,gBAAY,SAvEL;AAwEP,yBAAqB,SAxEd;AAyEP,yBAAqB,SAzEd;AA0EP,yBAAqB,SA1Ed;AA2EP,oBAAgB,SA3ET;AA4EP,oBAAgB,SA5ET;AA6EP,oBAAgB,SA7ET;AA8EP,oBAAgB,SA9ET;AA+EP,oBAAgB,SA/ET;AAgFP,oBAAgB,SAhFT;AAiFP,oBAAgB,SAjFT;AAkFP,oBAAgB,SAlFT;AAmFP,oBAAgB,SAnFT;AAoFP,oBAAgB,SApFT;AAqFP,oBAAgB,SArFT;AAsFP,oBAAgB;AAtFT,GADI;AAyFb,WAAS,KAzFI;AA0Fb,aAAW,KA1FE;AA2Fb,aAAW,MA3FE;AA4Fb,iBAAe;AACb,aAAS,SADI;AAEb,iBAAa;AAFA,GA5FF;AAgGb,eAAa;AACX,cAAU;AACR,kBAAY;AACV,qBAAa,mBADH;AAEV,0BAAkB,yBAFR;AAGV,uBAAe;AAHL,OADJ;AAMR,oBAAc;AACZ,qBAAa,sCADD;AAEZ,0BAAkB;AAFN,OANN;AAUR,wBAAkB;AAChB,mBAAW;AADK;AAVV,KADC;AAeX,YAAQ;AACN,eAAS;AACP,sBAAc,SADP;AAEP,gBAAQ;AAFD,OADH;AAKN,gBAAU;AACR,sBAAc,SADN;AAER,gBAAQ;AAFA,OALJ;AASN,gBAAU;AACR,sBAAc,SADN;AAER,gBAAQ;AAFA;AATJ;AAfG,GAhGA;AA8Hb,eAAa;AACX,eAAW,SADA;AAEX,cAAU,SAFC;AAGX,YAAQ,SAHG;AAIX,iBAAa,SAJF;AAKX,YAAQ;AALG,GA9HA;AAqIb,gBAAc;AACZ,eAAW,4DADC;AAEZ,UAAM,2IAFM;AAGZ,UAAM,+EAHM;AAIZ,UAAM;AAJM,GArID;AA2Ib,WAAS;AACP,cAAU;AACR,yBAAmB;AADX,KADH;AAIP,WAAO;AACL,yBAAmB;AADd,KAJA;AAOP,eAAW;AACT,yBAAmB;AADV;AAPJ,GA3II;AAsJb,YAAU;AACR,cAAU,KADF;AAER,aAAS,SAFD;AAGR,kBAAc,SAHN;AAIR,uBAAmB;AAJX,GAtJG;AA4Jb,YAAU;AACR,oBAAgB;AADR,GA5JG;AA+Jb,UAAQ;AACN,oBAAgB,KADV;AAEN,cAAU;AAFJ,GA/JK;AAmKb,aAAW;AACT,yBAAqB,KADZ;AAET,gBAAY;AACV,yBAAmB;AADT;AAFH,GAnKE;AAyKb,WAAS;AACP,uBAAmB,SADZ;AAEP,oBAAgB,KAFT;AAGP,cAAU,mEAHH;AAIP,aAAS;AACP,YAAM,OADC;AAEP,YAAM,OAFC;AAGP,YAAM;AAHC,KAJF;AASP,cAAU,MATH;AAUP,WAAO,OAVA;AAWP,cAAU;AACR,yBAAmB;AADX;AAXH,GAzKI;AAwLb,cAAY;AACV,cAAU,MADA;AAEV,cAAU,MAFA;AAGV,cAAU;AAHA,GAxLC;AA6Lb,WAAS;AACP,cAAU,MADH;AAEP,cAAU,MAFH;AAGP,cAAU;AAHH,GA7LI;AAkMb,UAAQ;AACN,cAAU,MADJ;AAEN,cAAU,MAFJ;AAGN,cAAU,MAHJ;AAIN,eAAW;AAJL,GAlMK;AAwMb,aAAW;AACT,oBAAgB,KADP;AAET,cAAU;AAFD,GAxME;AA4Mb,aAAW;AACT,aAAS,MADA;AAET,cAAU;AAFD,GA5ME;AAgNb,UAAQ;AACN,mBAAe,WADT;AAEN,oBAAgB;AAFV,GAhNK;AAoNb,qBAAmB;AACjB,cAAU;AADO,GApNN;AAuNb,cAAY;AACV,eAAW;AADD,GAvNC;AA0Nb,YAAU,2DA1NG;AA2Nb,cAAY;AACV,qBAAiB,SADP;AAEV,sBAAkB,SAFR;AAGV,oBAAgB;AAHN;AA3NC,CAAf;eAiOeA,M","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 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\": \"20px\",\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"}
package/lib/tokens.json CHANGED
@@ -26,6 +26,12 @@
26
26
  "cremeDarken10": "#d0cac2",
27
27
  "cremeLighten5": "#f1f0ed",
28
28
  "cremeLighten10": "#fcfcfc",
29
+ "diligent": "#2F3B4D",
30
+ "diligentLighten10": "#37465B",
31
+ "diligentLighten20": "#455772",
32
+ "diligentLighten30": "#5D7599",
33
+ "diligentLighten70": "#F4F6F8",
34
+ "diligentDarken10": "#202935",
29
35
  "green": "#42996d",
30
36
  "greenDarken10": "#337554",
31
37
  "greenDarken20": "#23523a",
@@ -186,6 +192,12 @@
186
192
  "sizeMd": "20px",
187
193
  "sizeLg": "24px"
188
194
  },
195
+ "icon": {
196
+ "sizeSm": "20px",
197
+ "sizeMd": "24px",
198
+ "sizeLg": "40px",
199
+ "sizeXlg": "48px"
200
+ },
189
201
  "popover": {
190
202
  "borderRadius": "6px",
191
203
  "shadow": "0 2px 4px rgba(0,0,0,0.1)"
@@ -204,5 +216,10 @@
204
216
  "fontSize": {
205
217
  "default": "16px"
206
218
  },
207
- "shadow": "0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)"
219
+ "shadow": "0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1)",
220
+ "diligent": {
221
+ "actionPrimary": "#5D7599",
222
+ "backgroundBase": "#F4F6F8",
223
+ "brandPrimary": "#2F3B4D"
224
+ }
208
225
  }
package/lib/tokens.mdx CHANGED
@@ -36,6 +36,12 @@ import TokenSquare from "./TokenSquare"
36
36
  | $color--creme-darken-10 | #d0cac2 | <TokenSquare color="#d0cac2" /> |
37
37
  | $color--creme-lighten-5 | #f1f0ed | <TokenSquare color="#f1f0ed" /> |
38
38
  | $color--creme-lighten-10 | #fcfcfc | <TokenSquare color="#fcfcfc" /> |
39
+ | $color--diligent | #2F3B4D | <TokenSquare color="#2F3B4D" /> |
40
+ | $color--diligent-lighten-10 | #37465B | <TokenSquare color="#37465B" /> |
41
+ | $color--diligent-lighten-20 | #455772 | <TokenSquare color="#455772" /> |
42
+ | $color--diligent-lighten-30 | #5D7599 | <TokenSquare color="#5D7599" /> |
43
+ | $color--diligent-lighten-70 | #F4F6F8 | <TokenSquare color="#F4F6F8" /> |
44
+ | $color--diligent-darken-10 | #202935 | <TokenSquare color="#202935" /> |
39
45
  | $color--green | #42996d | <TokenSquare color="#42996d" /> |
40
46
  | $color--green-darken-10 | #337554 | <TokenSquare color="#337554" /> |
41
47
  | $color--green-darken-20 | #23523a | <TokenSquare color="#23523a" /> |
@@ -143,6 +149,10 @@ import TokenSquare from "./TokenSquare"
143
149
  | $radio--size-sm | 16px | |
144
150
  | $radio--size-md | 20px | |
145
151
  | $radio--size-lg | 24px | |
152
+ | $icon--size-sm | 20px | |
153
+ | $icon--size-md | 24px | |
154
+ | $icon--size-lg | 40px | |
155
+ | $icon--size-Xlg | 48px | |
146
156
  | $popover--border-radius | 6px | |
147
157
  | $popover--shadow | 0 2px 4px rgba(0,0,0,0.1) | |
148
158
  | $counter--small | 17px | |
@@ -152,5 +162,8 @@ import TokenSquare from "./TokenSquare"
152
162
  | $background-color--level0 | #f7f7f7 | <TokenSquare color="#f7f7f7" /> |
153
163
  | $font-size--default | 16px | |
154
164
  | $shadow | 0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1) | |
165
+ | $diligent--action-primary | #5D7599 | <TokenSquare color="#5D7599" /> |
166
+ | $diligent--background-base | #F4F6F8 | <TokenSquare color="#F4F6F8" /> |
167
+ | $diligent--brand-primary | #2F3B4D | <TokenSquare color="#2F3B4D" /> |
155
168
 
156
169
  _Page auto-generated by paprika_
package/lib/tokens.scss CHANGED
@@ -26,6 +26,12 @@ $color--creme-darken-20: #b9b1a6;
26
26
  $color--creme-darken-10: #d0cac2;
27
27
  $color--creme-lighten-5: #f1f0ed;
28
28
  $color--creme-lighten-10: #fcfcfc;
29
+ $color--diligent: #2F3B4D;
30
+ $color--diligent-lighten-10: #37465B;
31
+ $color--diligent-lighten-20: #455772;
32
+ $color--diligent-lighten-30: #5D7599;
33
+ $color--diligent-lighten-70: #F4F6F8;
34
+ $color--diligent-darken-10: #202935;
29
35
  $color--green: #42996d;
30
36
  $color--green-darken-10: #337554;
31
37
  $color--green-darken-20: #23523a;
@@ -213,6 +219,13 @@ $radio--size-md: 20px;
213
219
  $radio--size-lg: 24px;
214
220
 
215
221
 
222
+ //icon
223
+ $icon--size-sm: 20px;
224
+ $icon--size-md: 24px;
225
+ $icon--size-lg: 40px;
226
+ $icon--size-Xlg: 48px;
227
+
228
+
216
229
  //popover
217
230
  $popover--border-radius: 6px;
218
231
  $popover--shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -236,3 +249,9 @@ $background-color--level0: #f7f7f7;
236
249
  $font-size--default: 16px;
237
250
 
238
251
  $shadow: 0px 1px 5px rgba(0,0,0,0.07),0px 7px 17px rgba(0,0,0,0.1);
252
+
253
+ //diligent
254
+ $diligent--action-primary: #5D7599;
255
+ $diligent--background-base: #F4F6F8;
256
+ $diligent--brand-primary: #2F3B4D;
257
+
package/lib/tokens.yaml CHANGED
@@ -28,6 +28,13 @@ color:
28
28
  creme-lighten-5: lighten($color--creme, 5)
29
29
  creme-lighten-10: lighten($color--creme, 10)
30
30
  #
31
+ diligent: '#2F3B4D'
32
+ diligent-lighten-10: '#37465B'
33
+ diligent-lighten-20: '#455772'
34
+ diligent-lighten-30: '#5D7599'
35
+ diligent-lighten-70: '#F4F6F8'
36
+ diligent-darken-10: '#202935'
37
+ #
31
38
  green: '#42996d'
32
39
  green-darken-10: darken($color--green, 10)
33
40
  green-darken-20: darken($color--green, 20)
@@ -182,6 +189,11 @@ radio:
182
189
  size-sm: 16px
183
190
  size-md: 20px
184
191
  size-lg: 24px
192
+ icon:
193
+ size-sm: 20px
194
+ size-md: 24px
195
+ size-lg: 40px
196
+ size-Xlg: 48px
185
197
  popover:
186
198
  border-radius: $card--border-radius
187
199
  shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
@@ -201,3 +213,9 @@ font-size:
201
213
  default: 16px
202
214
  #
203
215
  shadow: 0px 1px 5px rgba(0, 0, 0, 0.07), 0px 7px 17px rgba(0, 0, 0, 0.1)
216
+ #
217
+ diligent:
218
+ action-primary: '#5D7599'
219
+ background-base: '#F4F6F8'
220
+ brand-primary: '#2F3B4D'
221
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paprika/tokens",
3
- "version": "1.0.0",
3
+ "version": "1.1.1-next.0",
4
4
  "description": "Design tokens generated as scss + js",
5
5
  "author": "@paprika",
6
6
  "main": "lib/index.js",
@@ -28,6 +28,5 @@
28
28
  "peerDependencies": {
29
29
  "react": "^16.8.4",
30
30
  "react-dom": "^16.8.4"
31
- },
32
- "gitHead": "ad47df7b0dfd4b07d489303a9a7031b44f16ee8f"
31
+ }
33
32
  }
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2018 ACL Services Ltd.
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
package/lib/index.d.ts DELETED
@@ -1,253 +0,0 @@
1
- declare module "TokenSquare" {
2
- function TokenSquare(props: any): JSX.Element;
3
- namespace TokenSquare {
4
- export { propTypes };
5
- }
6
- export default TokenSquare;
7
- namespace propTypes {
8
- const color: any;
9
- }
10
- }
11
- declare module "tokens" {
12
- export default tokens;
13
- namespace tokens {
14
- export namespace color {
15
- const black: string;
16
- const blackLighten10: string;
17
- const blackLighten20: string;
18
- const blackLighten30: string;
19
- const blackLighten40: string;
20
- const blackLighten50: string;
21
- const blackLighten60: string;
22
- const blackLighten70: string;
23
- const blackLighten80: string;
24
- const blackLighten90: string;
25
- const blackDisabled: string;
26
- const blackPure: string;
27
- const blue: string;
28
- const blueDarken20: string;
29
- const blueDarken10: string;
30
- const blueLighten10: string;
31
- const blueLighten20: string;
32
- const blueLighten30: string;
33
- const blueLighten40: string;
34
- const blueLighten50: string;
35
- const creme: string;
36
- const cremeDarken30: string;
37
- const cremeDarken20: string;
38
- const cremeDarken10: string;
39
- const cremeLighten5: string;
40
- const cremeLighten10: string;
41
- const green: string;
42
- const greenDarken10: string;
43
- const greenDarken20: string;
44
- const greenLighten10: string;
45
- const greenLighten20: string;
46
- const greenLighten30: string;
47
- const greenLighten40: string;
48
- const greenLighten50: string;
49
- const offWhite: string;
50
- const orange: string;
51
- const orangeDarken10: string;
52
- const orangeDarken20: string;
53
- const orangeDarken30: string;
54
- const orangeLighten10: string;
55
- const orangeLighten20: string;
56
- const orangeLighten30: string;
57
- const orangeLighten40: string;
58
- const orangeDisabled: string;
59
- const orangeHighlight: string;
60
- const purple: string;
61
- const purpleDarken10: string;
62
- const purpleDarken20: string;
63
- const purpleLighten10: string;
64
- const purpleLighten20: string;
65
- const purpleLighten30: string;
66
- const purpleLighten40: string;
67
- const purpleLighten50: string;
68
- const white: string;
69
- const yellow: string;
70
- const yellowDarken10: string;
71
- const yellowDarken20: string;
72
- const yellowDarken30: string;
73
- const yellowDarken40: string;
74
- const yellowLighten10: string;
75
- const yellowLighten20: string;
76
- const yellowLighten30: string;
77
- const gold: string;
78
- const silver: string;
79
- const eggplant: string;
80
- const eggplantLighten10: string;
81
- const eggplantLighten20: string;
82
- const eggplantLighten30: string;
83
- const chartColor01: string;
84
- const chartColor02: string;
85
- const chartColor03: string;
86
- const chartColor04: string;
87
- const chartColor05: string;
88
- const chartColor06: string;
89
- const chartColor07: string;
90
- const chartColor08: string;
91
- const chartColor09: string;
92
- const chartColor10: string;
93
- const chartColor11: string;
94
- const chartColor12: string;
95
- }
96
- export const space: string;
97
- export const spaceSm: string;
98
- export const spaceLg: string;
99
- export namespace placeholder {
100
- const color_1: string;
101
- export { color_1 as color };
102
- export const fontStyle: string;
103
- }
104
- export namespace highlight {
105
- namespace active {
106
- namespace noBorder {
107
- const boxShadow: string;
108
- const insetBoxShadow: string;
109
- const borderColor: string;
110
- }
111
- namespace withBorder {
112
- const boxShadow_1: string;
113
- export { boxShadow_1 as boxShadow };
114
- const insetBoxShadow_1: string;
115
- export { insetBoxShadow_1 as insetBoxShadow };
116
- }
117
- namespace nonInteractive {
118
- const outline: string;
119
- }
120
- }
121
- namespace text {
122
- export namespace green_1 {
123
- const background: string;
124
- const font: string;
125
- }
126
- export { green_1 as green };
127
- export namespace orange_1 {
128
- const background_1: string;
129
- export { background_1 as background };
130
- const font_1: string;
131
- export { font_1 as font };
132
- }
133
- export { orange_1 as orange };
134
- export namespace yellow_1 {
135
- const background_2: string;
136
- export { background_2 as background };
137
- const font_2: string;
138
- export { font_2 as font };
139
- }
140
- export { yellow_1 as yellow };
141
- }
142
- }
143
- export namespace textColor {
144
- const _default: string;
145
- export { _default as default };
146
- export const subtle: string;
147
- export const link: string;
148
- export const linkHover: string;
149
- export const icon: string;
150
- }
151
- export namespace fontFamily {
152
- const _default_1: string;
153
- export { _default_1 as default };
154
- export const jp: string;
155
- export const kr: string;
156
- export const zh: string;
157
- }
158
- export namespace table {
159
- namespace header {
160
- const backgroundColor: string;
161
- }
162
- namespace row {
163
- const backgroundColor_1: string;
164
- export { backgroundColor_1 as backgroundColor };
165
- }
166
- namespace rowEven {
167
- const backgroundColor_2: string;
168
- export { backgroundColor_2 as backgroundColor };
169
- }
170
- }
171
- export namespace border {
172
- export const radius: string;
173
- const color_2: string;
174
- export { color_2 as color };
175
- export const hoverColor: string;
176
- export const colorTransition: string;
177
- }
178
- export namespace button {
179
- const borderRadius: string;
180
- }
181
- export namespace card {
182
- const borderRadius_1: string;
183
- export { borderRadius_1 as borderRadius };
184
- export const shadow: string;
185
- }
186
- export namespace overlay {
187
- const animationDuration: string;
188
- namespace backdrop {
189
- const backgroundColor_3: string;
190
- export { backgroundColor_3 as backgroundColor };
191
- }
192
- }
193
- export namespace modal {
194
- const backgroundColor_4: string;
195
- export { backgroundColor_4 as backgroundColor };
196
- const borderRadius_2: string;
197
- export { borderRadius_2 as borderRadius };
198
- const shadow_1: string;
199
- export { shadow_1 as shadow };
200
- export namespace sizes {
201
- const sm: string;
202
- const md: string;
203
- const lg: string;
204
- }
205
- export const margin: string;
206
- export const top: string;
207
- export namespace footer {
208
- const backgroundColor_5: string;
209
- export { backgroundColor_5 as backgroundColor };
210
- }
211
- }
212
- export namespace checkbox {
213
- const sizeSm: string;
214
- const sizeMd: string;
215
- const sizeLg: string;
216
- }
217
- export namespace radio {
218
- const sizeSm_1: string;
219
- export { sizeSm_1 as sizeSm };
220
- const sizeMd_1: string;
221
- export { sizeMd_1 as sizeMd };
222
- const sizeLg_1: string;
223
- export { sizeLg_1 as sizeLg };
224
- }
225
- export namespace popover {
226
- const borderRadius_3: string;
227
- export { borderRadius_3 as borderRadius };
228
- const shadow_2: string;
229
- export { shadow_2 as shadow };
230
- }
231
- export namespace counter {
232
- const small: string;
233
- const medium: string;
234
- }
235
- export namespace pill {
236
- const smallRadius: string;
237
- const mediumRadius: string;
238
- }
239
- export namespace backgroundColor_6 {
240
- const level0: string;
241
- }
242
- export { backgroundColor_6 as backgroundColor };
243
- export namespace fontSize {
244
- const _default_2: string;
245
- export { _default_2 as default };
246
- }
247
- const shadow_3: string;
248
- export { shadow_3 as shadow };
249
- }
250
- }
251
- declare module "index" {
252
- export { default } from "./tokens";
253
- }
package/lib/tokens.d.ts DELETED
@@ -1,238 +0,0 @@
1
- export default tokens;
2
- declare namespace tokens {
3
- export namespace color {
4
- const black: string;
5
- const blackLighten10: string;
6
- const blackLighten20: string;
7
- const blackLighten30: string;
8
- const blackLighten40: string;
9
- const blackLighten50: string;
10
- const blackLighten60: string;
11
- const blackLighten70: string;
12
- const blackLighten80: string;
13
- const blackLighten90: string;
14
- const blackDisabled: string;
15
- const blackPure: string;
16
- const blue: string;
17
- const blueDarken20: string;
18
- const blueDarken10: string;
19
- const blueLighten10: string;
20
- const blueLighten20: string;
21
- const blueLighten30: string;
22
- const blueLighten40: string;
23
- const blueLighten50: string;
24
- const creme: string;
25
- const cremeDarken30: string;
26
- const cremeDarken20: string;
27
- const cremeDarken10: string;
28
- const cremeLighten5: string;
29
- const cremeLighten10: string;
30
- const green: string;
31
- const greenDarken10: string;
32
- const greenDarken20: string;
33
- const greenLighten10: string;
34
- const greenLighten20: string;
35
- const greenLighten30: string;
36
- const greenLighten40: string;
37
- const greenLighten50: string;
38
- const offWhite: string;
39
- const orange: string;
40
- const orangeDarken10: string;
41
- const orangeDarken20: string;
42
- const orangeDarken30: string;
43
- const orangeLighten10: string;
44
- const orangeLighten20: string;
45
- const orangeLighten30: string;
46
- const orangeLighten40: string;
47
- const orangeDisabled: string;
48
- const orangeHighlight: string;
49
- const purple: string;
50
- const purpleDarken10: string;
51
- const purpleDarken20: string;
52
- const purpleLighten10: string;
53
- const purpleLighten20: string;
54
- const purpleLighten30: string;
55
- const purpleLighten40: string;
56
- const purpleLighten50: string;
57
- const white: string;
58
- const yellow: string;
59
- const yellowDarken10: string;
60
- const yellowDarken20: string;
61
- const yellowDarken30: string;
62
- const yellowDarken40: string;
63
- const yellowLighten10: string;
64
- const yellowLighten20: string;
65
- const yellowLighten30: string;
66
- const gold: string;
67
- const silver: string;
68
- const eggplant: string;
69
- const eggplantLighten10: string;
70
- const eggplantLighten20: string;
71
- const eggplantLighten30: string;
72
- const chartColor01: string;
73
- const chartColor02: string;
74
- const chartColor03: string;
75
- const chartColor04: string;
76
- const chartColor05: string;
77
- const chartColor06: string;
78
- const chartColor07: string;
79
- const chartColor08: string;
80
- const chartColor09: string;
81
- const chartColor10: string;
82
- const chartColor11: string;
83
- const chartColor12: string;
84
- }
85
- export const space: string;
86
- export const spaceSm: string;
87
- export const spaceLg: string;
88
- export namespace placeholder {
89
- const color_1: string;
90
- export { color_1 as color };
91
- export const fontStyle: string;
92
- }
93
- export namespace highlight {
94
- namespace active {
95
- namespace noBorder {
96
- const boxShadow: string;
97
- const insetBoxShadow: string;
98
- const borderColor: string;
99
- }
100
- namespace withBorder {
101
- const boxShadow_1: string;
102
- export { boxShadow_1 as boxShadow };
103
- const insetBoxShadow_1: string;
104
- export { insetBoxShadow_1 as insetBoxShadow };
105
- }
106
- namespace nonInteractive {
107
- const outline: string;
108
- }
109
- }
110
- namespace text {
111
- export namespace green_1 {
112
- const background: string;
113
- const font: string;
114
- }
115
- export { green_1 as green };
116
- export namespace orange_1 {
117
- const background_1: string;
118
- export { background_1 as background };
119
- const font_1: string;
120
- export { font_1 as font };
121
- }
122
- export { orange_1 as orange };
123
- export namespace yellow_1 {
124
- const background_2: string;
125
- export { background_2 as background };
126
- const font_2: string;
127
- export { font_2 as font };
128
- }
129
- export { yellow_1 as yellow };
130
- }
131
- }
132
- export namespace textColor {
133
- const _default: string;
134
- export { _default as default };
135
- export const subtle: string;
136
- export const link: string;
137
- export const linkHover: string;
138
- export const icon: string;
139
- }
140
- export namespace fontFamily {
141
- const _default_1: string;
142
- export { _default_1 as default };
143
- export const jp: string;
144
- export const kr: string;
145
- export const zh: string;
146
- }
147
- export namespace table {
148
- namespace header {
149
- const backgroundColor: string;
150
- }
151
- namespace row {
152
- const backgroundColor_1: string;
153
- export { backgroundColor_1 as backgroundColor };
154
- }
155
- namespace rowEven {
156
- const backgroundColor_2: string;
157
- export { backgroundColor_2 as backgroundColor };
158
- }
159
- }
160
- export namespace border {
161
- export const radius: string;
162
- const color_2: string;
163
- export { color_2 as color };
164
- export const hoverColor: string;
165
- export const colorTransition: string;
166
- }
167
- export namespace button {
168
- const borderRadius: string;
169
- }
170
- export namespace card {
171
- const borderRadius_1: string;
172
- export { borderRadius_1 as borderRadius };
173
- export const shadow: string;
174
- }
175
- export namespace overlay {
176
- const animationDuration: string;
177
- namespace backdrop {
178
- const backgroundColor_3: string;
179
- export { backgroundColor_3 as backgroundColor };
180
- }
181
- }
182
- export namespace modal {
183
- const backgroundColor_4: string;
184
- export { backgroundColor_4 as backgroundColor };
185
- const borderRadius_2: string;
186
- export { borderRadius_2 as borderRadius };
187
- const shadow_1: string;
188
- export { shadow_1 as shadow };
189
- export namespace sizes {
190
- const sm: string;
191
- const md: string;
192
- const lg: string;
193
- }
194
- export const margin: string;
195
- export const top: string;
196
- export namespace footer {
197
- const backgroundColor_5: string;
198
- export { backgroundColor_5 as backgroundColor };
199
- }
200
- }
201
- export namespace checkbox {
202
- const sizeSm: string;
203
- const sizeMd: string;
204
- const sizeLg: string;
205
- }
206
- export namespace radio {
207
- const sizeSm_1: string;
208
- export { sizeSm_1 as sizeSm };
209
- const sizeMd_1: string;
210
- export { sizeMd_1 as sizeMd };
211
- const sizeLg_1: string;
212
- export { sizeLg_1 as sizeLg };
213
- }
214
- export namespace popover {
215
- const borderRadius_3: string;
216
- export { borderRadius_3 as borderRadius };
217
- const shadow_2: string;
218
- export { shadow_2 as shadow };
219
- }
220
- export namespace counter {
221
- const small: string;
222
- const medium: string;
223
- }
224
- export namespace pill {
225
- const smallRadius: string;
226
- const mediumRadius: string;
227
- }
228
- export namespace backgroundColor_6 {
229
- const level0: string;
230
- }
231
- export { backgroundColor_6 as backgroundColor };
232
- export namespace fontSize {
233
- const _default_2: string;
234
- export { _default_2 as default };
235
- }
236
- const shadow_3: string;
237
- export { shadow_3 as shadow };
238
- }