@paprika/tokens 1.1.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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/tokens.js +6 -0
  3. package/lib/tokens.js.map +1 -1
  4. package/lib/tokens.json +6 -0
  5. package/lib/tokens.mdx +4 -0
  6. package/lib/tokens.scss +7 -0
  7. package/lib/tokens.yaml +5 -0
  8. package/package.json +2 -3
  9. package/lib/TokenSquare.d.ts +0 -9
  10. package/lib/index.d.ts +0 -1
  11. package/lib/tokens.d.ts +0 -250
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @paprika/tokens
2
2
 
3
+ ## 1.1.1-next.0
4
+
5
+ ### Patch Changes
6
+
7
+ - 27e1439: updated icon template for icon size change
8
+
3
9
  ## 1.1.0
4
10
 
5
11
  ### Minor Changes
package/lib/tokens.js CHANGED
@@ -201,6 +201,12 @@ var tokens = {
201
201
  "sizeMd": "20px",
202
202
  "sizeLg": "24px"
203
203
  },
204
+ "icon": {
205
+ "sizeSm": "20px",
206
+ "sizeMd": "24px",
207
+ "sizeLg": "40px",
208
+ "sizeXlg": "48px"
209
+ },
204
210
  "popover": {
205
211
  "borderRadius": "6px",
206
212
  "shadow": "0 2px 4px rgba(0,0,0,0.1)"
package/lib/tokens.js.map CHANGED
@@ -1 +1 @@
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,aAAW;AACT,oBAAgB,KADP;AAET,cAAU;AAFD,GAlME;AAsMb,aAAW;AACT,aAAS,MADA;AAET,cAAU;AAFD,GAtME;AA0Mb,UAAQ;AACN,mBAAe,WADT;AAEN,oBAAgB;AAFV,GA1MK;AA8Mb,qBAAmB;AACjB,cAAU;AADO,GA9MN;AAiNb,cAAY;AACV,eAAW;AADD,GAjNC;AAoNb,YAAU,2DApNG;AAqNb,cAAY;AACV,qBAAiB,SADP;AAEV,sBAAkB,SAFR;AAGV,oBAAgB;AAHN;AArNC,CAAf;eA2NeA,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 \"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 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
@@ -192,6 +192,12 @@
192
192
  "sizeMd": "20px",
193
193
  "sizeLg": "24px"
194
194
  },
195
+ "icon": {
196
+ "sizeSm": "20px",
197
+ "sizeMd": "24px",
198
+ "sizeLg": "40px",
199
+ "sizeXlg": "48px"
200
+ },
195
201
  "popover": {
196
202
  "borderRadius": "6px",
197
203
  "shadow": "0 2px 4px rgba(0,0,0,0.1)"
package/lib/tokens.mdx CHANGED
@@ -149,6 +149,10 @@ import TokenSquare from "./TokenSquare"
149
149
  | $radio--size-sm | 16px | |
150
150
  | $radio--size-md | 20px | |
151
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 | |
152
156
  | $popover--border-radius | 6px | |
153
157
  | $popover--shadow | 0 2px 4px rgba(0,0,0,0.1) | |
154
158
  | $counter--small | 17px | |
package/lib/tokens.scss CHANGED
@@ -219,6 +219,13 @@ $radio--size-md: 20px;
219
219
  $radio--size-lg: 24px;
220
220
 
221
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
+
222
229
  //popover
223
230
  $popover--border-radius: 6px;
224
231
  $popover--shadow: 0 2px 4px rgba(0,0,0,0.1);
package/lib/tokens.yaml CHANGED
@@ -189,6 +189,11 @@ radio:
189
189
  size-sm: 16px
190
190
  size-md: 20px
191
191
  size-lg: 24px
192
+ icon:
193
+ size-sm: 20px
194
+ size-md: 24px
195
+ size-lg: 40px
196
+ size-Xlg: 48px
192
197
  popover:
193
198
  border-radius: $card--border-radius
194
199
  shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paprika/tokens",
3
- "version": "1.1.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",
@@ -15,8 +15,7 @@
15
15
  "access": "public"
16
16
  },
17
17
  "scripts": {
18
- "pretranspile": "node processTokens.js",
19
- "transpile:types": "tsc -p tsconfig.build.json"
18
+ "pretranspile": "node processTokens.js"
20
19
  },
21
20
  "dependencies": {
22
21
  "@babel/runtime-corejs2": "^7.3.1",
package/lib/TokenSquare.d.ts DELETED
@@ -1,9 +0,0 @@
1
- declare function TokenSquare(props: any): JSX.Element;
2
- declare namespace TokenSquare {
3
- export { propTypes };
4
- }
5
- export default TokenSquare;
6
- declare namespace propTypes {
7
- const color: PropTypes.Validator<string>;
8
- }
9
- import PropTypes from "prop-types";
package/lib/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default } from "./tokens";
package/lib/tokens.d.ts DELETED
@@ -1,250 +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 diligent: string;
31
- const diligentLighten10: string;
32
- const diligentLighten20: string;
33
- const diligentLighten30: string;
34
- const diligentLighten70: string;
35
- const diligentDarken10: string;
36
- const green: string;
37
- const greenDarken10: string;
38
- const greenDarken20: string;
39
- const greenLighten10: string;
40
- const greenLighten20: string;
41
- const greenLighten30: string;
42
- const greenLighten40: string;
43
- const greenLighten50: string;
44
- const offWhite: string;
45
- const orange: string;
46
- const orangeDarken10: string;
47
- const orangeDarken20: string;
48
- const orangeDarken30: string;
49
- const orangeLighten10: string;
50
- const orangeLighten20: string;
51
- const orangeLighten30: string;
52
- const orangeLighten40: string;
53
- const orangeDisabled: string;
54
- const orangeHighlight: string;
55
- const purple: string;
56
- const purpleDarken10: string;
57
- const purpleDarken20: string;
58
- const purpleLighten10: string;
59
- const purpleLighten20: string;
60
- const purpleLighten30: string;
61
- const purpleLighten40: string;
62
- const purpleLighten50: string;
63
- const white: string;
64
- const yellow: string;
65
- const yellowDarken10: string;
66
- const yellowDarken20: string;
67
- const yellowDarken30: string;
68
- const yellowDarken40: string;
69
- const yellowLighten10: string;
70
- const yellowLighten20: string;
71
- const yellowLighten30: string;
72
- const gold: string;
73
- const silver: string;
74
- const eggplant: string;
75
- const eggplantLighten10: string;
76
- const eggplantLighten20: string;
77
- const eggplantLighten30: string;
78
- const chartColor01: string;
79
- const chartColor02: string;
80
- const chartColor03: string;
81
- const chartColor04: string;
82
- const chartColor05: string;
83
- const chartColor06: string;
84
- const chartColor07: string;
85
- const chartColor08: string;
86
- const chartColor09: string;
87
- const chartColor10: string;
88
- const chartColor11: string;
89
- const chartColor12: string;
90
- }
91
- export const space: string;
92
- export const spaceSm: string;
93
- export const spaceLg: string;
94
- export namespace placeholder {
95
- const color_1: string;
96
- export { color_1 as color };
97
- export const fontStyle: string;
98
- }
99
- export namespace highlight {
100
- namespace active {
101
- namespace noBorder {
102
- const boxShadow: string;
103
- const insetBoxShadow: string;
104
- const borderColor: string;
105
- }
106
- namespace withBorder {
107
- const boxShadow_1: string;
108
- export { boxShadow_1 as boxShadow };
109
- const insetBoxShadow_1: string;
110
- export { insetBoxShadow_1 as insetBoxShadow };
111
- }
112
- namespace nonInteractive {
113
- const outline: string;
114
- }
115
- }
116
- namespace text {
117
- export namespace green_1 {
118
- const background: string;
119
- const font: string;
120
- }
121
- export { green_1 as green };
122
- export namespace orange_1 {
123
- const background_1: string;
124
- export { background_1 as background };
125
- const font_1: string;
126
- export { font_1 as font };
127
- }
128
- export { orange_1 as orange };
129
- export namespace yellow_1 {
130
- const background_2: string;
131
- export { background_2 as background };
132
- const font_2: string;
133
- export { font_2 as font };
134
- }
135
- export { yellow_1 as yellow };
136
- }
137
- }
138
- export namespace textColor {
139
- const _default: string;
140
- export { _default as default };
141
- export const subtle: string;
142
- export const link: string;
143
- export const linkHover: string;
144
- export const icon: string;
145
- }
146
- export namespace fontFamily {
147
- const _default_1: string;
148
- export { _default_1 as default };
149
- export const jp: string;
150
- export const kr: string;
151
- export const zh: string;
152
- }
153
- export namespace table {
154
- namespace header {
155
- const backgroundColor: string;
156
- }
157
- namespace row {
158
- const backgroundColor_1: string;
159
- export { backgroundColor_1 as backgroundColor };
160
- }
161
- namespace rowEven {
162
- const backgroundColor_2: string;
163
- export { backgroundColor_2 as backgroundColor };
164
- }
165
- }
166
- export namespace border {
167
- export const radius: string;
168
- const color_2: string;
169
- export { color_2 as color };
170
- export const hoverColor: string;
171
- export const colorTransition: string;
172
- }
173
- export namespace button {
174
- const borderRadius: string;
175
- }
176
- export namespace card {
177
- const borderRadius_1: string;
178
- export { borderRadius_1 as borderRadius };
179
- export const shadow: string;
180
- }
181
- export namespace overlay {
182
- const animationDuration: string;
183
- namespace backdrop {
184
- const backgroundColor_3: string;
185
- export { backgroundColor_3 as backgroundColor };
186
- }
187
- }
188
- export namespace modal {
189
- const backgroundColor_4: string;
190
- export { backgroundColor_4 as backgroundColor };
191
- const borderRadius_2: string;
192
- export { borderRadius_2 as borderRadius };
193
- const shadow_1: string;
194
- export { shadow_1 as shadow };
195
- export namespace sizes {
196
- const sm: string;
197
- const md: string;
198
- const lg: string;
199
- }
200
- export const margin: string;
201
- export const top: string;
202
- export namespace footer {
203
- const backgroundColor_5: string;
204
- export { backgroundColor_5 as backgroundColor };
205
- }
206
- }
207
- export namespace checkbox {
208
- const sizeSm: string;
209
- const sizeMd: string;
210
- const sizeLg: string;
211
- }
212
- export namespace radio {
213
- const sizeSm_1: string;
214
- export { sizeSm_1 as sizeSm };
215
- const sizeMd_1: string;
216
- export { sizeMd_1 as sizeMd };
217
- const sizeLg_1: string;
218
- export { sizeLg_1 as sizeLg };
219
- }
220
- export namespace popover {
221
- const borderRadius_3: string;
222
- export { borderRadius_3 as borderRadius };
223
- const shadow_2: string;
224
- export { shadow_2 as shadow };
225
- }
226
- export namespace counter {
227
- const small: string;
228
- const medium: string;
229
- }
230
- export namespace pill {
231
- const smallRadius: string;
232
- const mediumRadius: string;
233
- }
234
- export namespace backgroundColor_6 {
235
- const level0: string;
236
- }
237
- export { backgroundColor_6 as backgroundColor };
238
- export namespace fontSize {
239
- const _default_2: string;
240
- export { _default_2 as default };
241
- }
242
- const shadow_3: string;
243
- export { shadow_3 as shadow };
244
- export namespace diligent_1 {
245
- const actionPrimary: string;
246
- const backgroundBase: string;
247
- const brandPrimary: string;
248
- }
249
- export { diligent_1 as diligent };
250
- }