@telegraph/tokens 0.0.0 → 0.0.2

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 (35) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +34 -1
  3. package/dist/dark.css +1 -1
  4. package/dist/default.css +1 -1
  5. package/dist/index.d.ts +47 -49
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.es.js +388 -0
  8. package/dist/index.es.js.map +1 -0
  9. package/dist/index.umd.js +2 -0
  10. package/dist/index.umd.js.map +1 -0
  11. package/dist/light.css +1 -1
  12. package/dist/mappings/semantic.json +1 -0
  13. package/dist/mappings/tokens.json +1 -0
  14. package/dist/tokens/family.d.ts +5 -0
  15. package/dist/tokens/family.d.ts.map +1 -0
  16. package/dist/tokens/leading.d.ts +13 -0
  17. package/dist/tokens/leading.d.ts.map +1 -0
  18. package/dist/tokens/text.d.ts +13 -0
  19. package/dist/tokens/text.d.ts.map +1 -0
  20. package/dist/tokens/tracking.d.ts +13 -0
  21. package/dist/tokens/tracking.d.ts.map +1 -0
  22. package/dist/tokens/weight.d.ts +6 -0
  23. package/dist/tokens/weight.d.ts.map +1 -0
  24. package/package.json +21 -7
  25. package/dist/index.js +0 -25
  26. package/dist/semantic/color.js +0 -128
  27. package/dist/semantic/rounded.js +0 -7
  28. package/dist/semantic/spacing.js +0 -23
  29. package/dist/tokens/color.js +0 -140
  30. package/dist/tokens/font.d.ts +0 -49
  31. package/dist/tokens/font.d.ts.map +0 -1
  32. package/dist/tokens/font.js +0 -52
  33. package/dist/tokens/rounded.js +0 -13
  34. package/dist/tokens/shadow.js +0 -10
  35. package/dist/tokens/spacing.js +0 -36
package/CHANGELOG.md ADDED
@@ -0,0 +1,15 @@
1
+ # @telegraph/tokens
2
+
3
+ ## 0.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#36](https://github.com/knocklabs/telegraph/pull/36) [`06bf439`](https://github.com/knocklabs/telegraph/commit/06bf439773d05154e9cc4a6523382a73330c4060) Thanks [@kylemcd](https://github.com/kylemcd)! - adds documentation via the readme file
8
+
9
+ ## 0.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#31](https://github.com/knocklabs/telegraph/pull/31) [`05bd163`](https://github.com/knocklabs/telegraph/commit/05bd1637a93ede8b3ad13c6943c5e454114fca32) Thanks [@kylemcd](https://github.com/kylemcd)! - design tokens & tailwind config generated from design tokens
14
+
15
+ - [#32](https://github.com/knocklabs/telegraph/pull/32) [`572641b`](https://github.com/knocklabs/telegraph/commit/572641b5eb828f06110a0d573dae8b43e6c33cf1) Thanks [@kylemcd](https://github.com/kylemcd)! - adds heading component to `@telegraph/typography`
package/README.md CHANGED
@@ -1 +1,34 @@
1
- # tokens
1
+ ![Telegraph by Knock](https://github.com/knocklabs/telegraph/assets/29106675/9b5022e3-b02c-4582-ba57-3d6171e45e44)
2
+
3
+ [![npm version](https://img.shields.io/npm/v/@telegraph/tokens.svg)](https://www.npmjs.com/package/@telegraph/tokens)
4
+
5
+ # @telegraph/tokens
6
+ > Stylesheet that configures the design tokens inside of telegraph components
7
+
8
+
9
+ ### Installation Instructions
10
+
11
+ ```
12
+ npm install @telegraph/tokens
13
+ ```
14
+
15
+
16
+ #### Add stylesheet
17
+ Pick one:
18
+
19
+ Via CSS (preferred):
20
+ ```
21
+ @import "@telegraph/tokens"
22
+ ```
23
+
24
+ Via Javascript:
25
+ ```
26
+ import "@telegraph/tokens/default.css"
27
+ OR
28
+ import "@telegraph/tokens/light.css"
29
+ OR
30
+ import "@telegraph/tokens/dark.css"
31
+ OR
32
+ import "@telegraph/tokens/semantic.css"
33
+ ```
34
+
package/dist/dark.css CHANGED
@@ -1 +1 @@
1
- :root{--tgph-surface:#111113;--tgph-gray-1:#111113;--tgph-gray-2:#18191b;--tgph-gray-3:#212225;--tgph-gray-4:#272a2d;--tgph-gray-5:#2e3135;--tgph-gray-6:#363a3f;--tgph-gray-7:#43484e;--tgph-gray-8:#5a6169;--tgph-gray-9:#696e77;--tgph-gray-10:#777b84;--tgph-gray-11:#b0b4ba;--tgph-gray-12:#edeef0;--tgph-beige-1:#111110;--tgph-beige-2:#191918;--tgph-beige-3:#222221;--tgph-beige-4:#2a2a28;--tgph-beige-5:#31312e;--tgph-beige-6:#3b3a37;--tgph-beige-7:#494844;--tgph-beige-8:#62605b;--tgph-beige-9:#6f6d66;--tgph-beige-10:#7c7b74;--tgph-beige-11:#b5b3ad;--tgph-beige-12:#eeeeec;--tgph-accent-1:#181111;--tgph-accent-2:#1f1513;--tgph-accent-3:#391714;--tgph-accent-4:#4e1511;--tgph-accent-5:#5e1c16;--tgph-accent-6:#6e2920;--tgph-accent-7:#853a2d;--tgph-accent-8:#ac4d39;--tgph-accent-9:#e54d2e;--tgph-accent-10:#ec6142;--tgph-accent-11:#ff977d;--tgph-accent-12:#fbd3cb;--tgph-green-1:#0d1512;--tgph-green-2:#121c18;--tgph-green-3:#0f2e22;--tgph-green-4:#0b3b2c;--tgph-green-5:#114837;--tgph-green-6:#1b5745;--tgph-green-7:#246854;--tgph-green-8:#2a7e68;--tgph-green-9:#29a383;--tgph-green-10:#27b08b;--tgph-green-11:#1fd8a4;--tgph-green-12:#adf0d4;--tgph-yellow-1:#14120b;--tgph-yellow-2:#1b180f;--tgph-yellow-3:#2d2305;--tgph-yellow-4:#362b00;--tgph-yellow-5:#433500;--tgph-yellow-6:#524202;--tgph-yellow-7:#665417;--tgph-yellow-8:#836a21;--tgph-yellow-9:#ffe629;--tgph-yellow-10:#ffff57;--tgph-yellow-11:#f5e147;--tgph-yellow-12:#ffe7b3;--tgph-blue-1:#11131f;--tgph-blue-2:#141726;--tgph-blue-3:#182449;--tgph-blue-4:#1d2e62;--tgph-blue-5:#253974;--tgph-blue-6:#304384;--tgph-blue-7:#3a4f97;--tgph-blue-8:#435db1;--tgph-blue-9:#3e63dd;--tgph-blue-10:#5472e4;--tgph-blue-11:#9eb1ff;--tgph-blue-12:#d6e1ff;--tgph-red-1:#191113;--tgph-red-2:#1e1517;--tgph-red-3:#3a141e;--tgph-red-4:#4e1325;--tgph-red-5:#5e1a2e;--tgph-red-6:#6f2539;--tgph-red-7:#883447;--tgph-red-8:#b3445a;--tgph-red-9:#e54666;--tgph-red-10:#ec5a72;--tgph-red-11:#ff949d;--tgph-red-12:#fed2e1;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-font-family-sans:Inter,sans-serif;--tgph-font-family-mono:Menlo,serif;--tgph-font-body-family:Inter,sans-serif;--tgph-font-body-size-0:.6875rem;--tgph-font-body-size-1:.75rem;--tgph-font-body-size-2:.875rem;--tgph-font-body-size-3:1rem;--tgph-font-body-size-4:1.125rem;--tgph-font-body-size-5:1.25rem;--tgph-font-body-size-6:1.5rem;--tgph-font-body-size-7:1.875rem;--tgph-font-body-size-8:2.25rem;--tgph-font-body-size-9:3rem;--tgph-font-body-leading-0:1rem;--tgph-font-body-leading-1:1rem;--tgph-font-body-leading-2:1.25rem;--tgph-font-body-leading-3:1.5rem;--tgph-font-body-leading-4:1.125rem;--tgph-font-body-leading-5:1.25rem;--tgph-font-body-leading-6:1.5rem;--tgph-font-body-leading-7:1.875rem;--tgph-font-body-leading-8:2.25rem;--tgph-font-body-leading-9:3rem;--tgph-font-body-tracking-0:0.25%;--tgph-font-body-tracking-1:0.25%;--tgph-font-body-tracking-2:0;--tgph-font-body-tracking-3:0;--tgph-font-body-tracking-4:-0.25%;--tgph-font-body-tracking-5:-0.5%;--tgph-font-body-tracking-6:-0.625%;--tgph-font-body-tracking-7:-0.75%;--tgph-font-body-tracking-8:-1%;--tgph-font-body-tracking-9:-2.5%;--tgph-font-code-family:Menlo,serif;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px}
1
+ :root{--tgph-surface:#111113;--tgph-gray-1:#111113;--tgph-gray-2:#18191b;--tgph-gray-3:#212225;--tgph-gray-4:#272a2d;--tgph-gray-5:#2e3135;--tgph-gray-6:#363a3f;--tgph-gray-7:#43484e;--tgph-gray-8:#5a6169;--tgph-gray-9:#696e77;--tgph-gray-10:#777b84;--tgph-gray-11:#b0b4ba;--tgph-gray-12:#edeef0;--tgph-beige-1:#111110;--tgph-beige-2:#191918;--tgph-beige-3:#222221;--tgph-beige-4:#2a2a28;--tgph-beige-5:#31312e;--tgph-beige-6:#3b3a37;--tgph-beige-7:#494844;--tgph-beige-8:#62605b;--tgph-beige-9:#6f6d66;--tgph-beige-10:#7c7b74;--tgph-beige-11:#b5b3ad;--tgph-beige-12:#eeeeec;--tgph-accent-1:#181111;--tgph-accent-2:#1f1513;--tgph-accent-3:#391714;--tgph-accent-4:#4e1511;--tgph-accent-5:#5e1c16;--tgph-accent-6:#6e2920;--tgph-accent-7:#853a2d;--tgph-accent-8:#ac4d39;--tgph-accent-9:#e54d2e;--tgph-accent-10:#ec6142;--tgph-accent-11:#ff977d;--tgph-accent-12:#fbd3cb;--tgph-green-1:#0d1512;--tgph-green-2:#121c18;--tgph-green-3:#0f2e22;--tgph-green-4:#0b3b2c;--tgph-green-5:#114837;--tgph-green-6:#1b5745;--tgph-green-7:#246854;--tgph-green-8:#2a7e68;--tgph-green-9:#29a383;--tgph-green-10:#27b08b;--tgph-green-11:#1fd8a4;--tgph-green-12:#adf0d4;--tgph-yellow-1:#14120b;--tgph-yellow-2:#1b180f;--tgph-yellow-3:#2d2305;--tgph-yellow-4:#362b00;--tgph-yellow-5:#433500;--tgph-yellow-6:#524202;--tgph-yellow-7:#665417;--tgph-yellow-8:#836a21;--tgph-yellow-9:#ffe629;--tgph-yellow-10:#ffff57;--tgph-yellow-11:#f5e147;--tgph-yellow-12:#ffe7b3;--tgph-blue-1:#11131f;--tgph-blue-2:#141726;--tgph-blue-3:#182449;--tgph-blue-4:#1d2e62;--tgph-blue-5:#253974;--tgph-blue-6:#304384;--tgph-blue-7:#3a4f97;--tgph-blue-8:#435db1;--tgph-blue-9:#3e63dd;--tgph-blue-10:#5472e4;--tgph-blue-11:#9eb1ff;--tgph-blue-12:#d6e1ff;--tgph-red-1:#191113;--tgph-red-2:#1e1517;--tgph-red-3:#3a141e;--tgph-red-4:#4e1325;--tgph-red-5:#5e1a2e;--tgph-red-6:#6f2539;--tgph-red-7:#883447;--tgph-red-8:#b3445a;--tgph-red-9:#e54666;--tgph-red-10:#ec5a72;--tgph-red-11:#ff949d;--tgph-red-12:#fed2e1;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px;--tgph-family-sans:Inter,sans-serif;--tgph-family-mono:Menlo,serif;--tgph-leading-0:1rem;--tgph-leading-1:1rem;--tgph-leading-2:1.25rem;--tgph-leading-3:1.5rem;--tgph-leading-4:1.125rem;--tgph-leading-5:1.25rem;--tgph-leading-6:1.5rem;--tgph-leading-7:1.875rem;--tgph-leading-8:2.25rem;--tgph-leading-9:3rem;--tgph-tracking-0:0.25%;--tgph-tracking-1:0.25%;--tgph-tracking-2:0;--tgph-tracking-3:0;--tgph-tracking-4:-0.25%;--tgph-tracking-5:-0.5%;--tgph-tracking-6:-0.625%;--tgph-tracking-7:-0.75%;--tgph-tracking-8:-1%;--tgph-tracking-9:-2.5%;--tgph-text-0:.6875rem;--tgph-text-1:.75rem;--tgph-text-2:.875rem;--tgph-text-3:1rem;--tgph-text-4:1.125rem;--tgph-text-5:1.25rem;--tgph-text-6:1.5rem;--tgph-text-7:1.875rem;--tgph-text-8:2.25rem;--tgph-text-9:3rem;--tgph-weight-regular:400;--tgph-weight-medium:500;--tgph-weight-semi-bold:600}
package/dist/default.css CHANGED
@@ -1 +1 @@
1
- :root{--tgph-surface:#fff;--tgph-gray-1:#fcfcfd;--tgph-gray-2:#f9f9fb;--tgph-gray-3:#f0f0f3;--tgph-gray-4:#e8e8ec;--tgph-gray-5:#e0e1e6;--tgph-gray-6:#d9d9e0;--tgph-gray-7:#cdced6;--tgph-gray-8:#b9bbc6;--tgph-gray-9:#8b8d98;--tgph-gray-10:#80838d;--tgph-gray-11:#60646c;--tgph-gray-12:#1c2024;--tgph-beige-1:#fdfdfc;--tgph-beige-2:#f9f9f8;--tgph-beige-3:#f1f0ef;--tgph-beige-4:#e9e8e6;--tgph-beige-5:#e2e1de;--tgph-beige-6:#dad9d6;--tgph-beige-7:#cfceca;--tgph-beige-8:#bcbbb5;--tgph-beige-9:#8d8d86;--tgph-beige-10:#82827c;--tgph-beige-11:#63635e;--tgph-beige-12:#21201c;--tgph-accent-1:#fffcfc;--tgph-accent-2:#fff8f7;--tgph-accent-3:#feebe7;--tgph-accent-4:#ffdcd3;--tgph-accent-5:#ffcdc2;--tgph-accent-6:#fdbdaf;--tgph-accent-7:#f5a898;--tgph-accent-8:#ec8e7b;--tgph-accent-9:#e54d2e;--tgph-accent-10:#dd4425;--tgph-accent-11:#d13415;--tgph-accent-12:#5c271f;--tgph-green-1:#fbfefd;--tgph-green-2:#f4fbf7;--tgph-green-3:#e6f7ed;--tgph-green-4:#d6f1e3;--tgph-green-5:#c3e9d7;--tgph-green-6:#acdec8;--tgph-green-7:#8bceb6;--tgph-green-8:#56ba9f;--tgph-green-9:#29a383;--tgph-green-10:#26997b;--tgph-green-11:#208368;--tgph-green-12:#1d3b31;--tgph-yellow-1:#fbfefd;--tgph-yellow-2:#f4fbf7;--tgph-yellow-3:#e6f7ed;--tgph-yellow-4:#d6f1e3;--tgph-yellow-5:#c3e9d7;--tgph-yellow-6:#acdec8;--tgph-yellow-7:#8bceb6;--tgph-yellow-8:#56ba9f;--tgph-yellow-9:#29a383;--tgph-yellow-10:#26997b;--tgph-yellow-11:#208368;--tgph-yellow-12:#1d3b31;--tgph-blue-1:#fdfdfe;--tgph-blue-2:#f7f9ff;--tgph-blue-3:#edf2fe;--tgph-blue-4:#e1e9ff;--tgph-blue-5:#d2deff;--tgph-blue-6:#c1d0ff;--tgph-blue-7:#abbdf9;--tgph-blue-8:#8da4ef;--tgph-blue-9:#3e63dd;--tgph-blue-10:#3358d4;--tgph-blue-11:#3a5bc7;--tgph-blue-12:#1f2d5c;--tgph-red-1:#fffcfd;--tgph-red-2:#fff7f8;--tgph-red-3:#feeaed;--tgph-red-4:#ffdce1;--tgph-red-5:#ffced6;--tgph-red-6:#f8bfc8;--tgph-red-7:#efacb8;--tgph-red-8:#e592a3;--tgph-red-9:#e54666;--tgph-red-10:#dc3b5d;--tgph-red-11:#ca244d;--tgph-red-12:#64172b;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-font-family-sans:Inter,sans-serif;--tgph-font-family-mono:Menlo,serif;--tgph-font-body-family:Inter,sans-serif;--tgph-font-body-size-0:.6875rem;--tgph-font-body-size-1:.75rem;--tgph-font-body-size-2:.875rem;--tgph-font-body-size-3:1rem;--tgph-font-body-size-4:1.125rem;--tgph-font-body-size-5:1.25rem;--tgph-font-body-size-6:1.5rem;--tgph-font-body-size-7:1.875rem;--tgph-font-body-size-8:2.25rem;--tgph-font-body-size-9:3rem;--tgph-font-body-leading-0:1rem;--tgph-font-body-leading-1:1rem;--tgph-font-body-leading-2:1.25rem;--tgph-font-body-leading-3:1.5rem;--tgph-font-body-leading-4:1.125rem;--tgph-font-body-leading-5:1.25rem;--tgph-font-body-leading-6:1.5rem;--tgph-font-body-leading-7:1.875rem;--tgph-font-body-leading-8:2.25rem;--tgph-font-body-leading-9:3rem;--tgph-font-body-tracking-0:0.25%;--tgph-font-body-tracking-1:0.25%;--tgph-font-body-tracking-2:0;--tgph-font-body-tracking-3:0;--tgph-font-body-tracking-4:-0.25%;--tgph-font-body-tracking-5:-0.5%;--tgph-font-body-tracking-6:-0.625%;--tgph-font-body-tracking-7:-0.75%;--tgph-font-body-tracking-8:-1%;--tgph-font-body-tracking-9:-2.5%;--tgph-font-code-family:Menlo,serif;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px;--tgph-color-text-primary-gray:var(--tgph-gray-12);--tgph-color-text-primary-beige:var(--tgph-beige-12);--tgph-color-text-primary-accent:var(--tgph-accent-12);--tgph-color-text-primary-green:var(--tgph-green-12);--tgph-color-text-primary-yellow:var(--tgph-green-12);--tgph-color-text-primary-blue:var(--tgph-blue-12);--tgph-color-text-primary-red:var(--tgph-red-12);--tgph-color-text-primary-disabled:var(--tgph-gray-8);--tgph-color-text-secondary-gray:var(--tgph-gray-11);--tgph-color-text-secondary-beige:var(--tgph-beige-11);--tgph-color-text-secondary-accent:var(--tgph-accent-11);--tgph-color-text-secondary-green:var(--tgph-green-11);--tgph-color-text-secondary-yellow:var(--tgph-green-11);--tgph-color-text-secondary-blue:var(--tgph-blue-11);--tgph-color-text-secondary-red:var(--tgph-red-11);--tgph-color-text-secondary-disabled:var(--tgph-gray-8);--tgph-color-button-solid-background-accent-default:var(--tgph-accent-9);--tgph-color-button-solid-background-accent-default-dark:var(--tgph-accent-9);--tgph-color-button-solid-background-accent-hover:var(--tgph-accent-10);--tgph-color-button-solid-background-accent-focus:var(--tgph-accent-11);--tgph-color-button-solid-background-disabled-default:var(--tgph-gray-2);--tgph-color-button-solid-text-accent:var(--tgph-white);--tgph-color-button-solid-text-disabled:var(--tgph-gray-8);--tgph-color-button-solid-stroke-accent:var(--tgph-white);--tgph-color-button-solid-stroke-disabled:var(--tgph-gray-8);--tgph-color-button-ghost-background-accent-default:var(--tgph-transparent);--tgph-color-button-ghost-background-accent-hover:var(--tgph-accent-3);--tgph-color-button-ghost-background-accent-focus:var(--tgph-accent-4);--tgph-color-button-ghost-background-gray-default:var(--tgph-transparent);--tgph-color-button-ghost-background-gray-hover:var(--tgph-gray-3);--tgph-color-button-ghost-background-gray-focus:var(--tgph-gray-4);--tgph-color-button-ghost-background-red-default:var(--tgph-transparent);--tgph-color-button-ghost-background-red-hover:var(--tgph-red-3);--tgph-color-button-ghost-background-red-focus:var(--tgph-red-4);--tgph-color-button-ghost-background-disabled-default:var(--tgph-transparent);--tgph-color-button-ghost-text-accent:var(--tgph-accent-11);--tgph-color-button-ghost-text-gray:var(--tgph-gray-11);--tgph-color-button-ghost-text-red:var(--tgph-red-11);--tgph-color-button-ghost-text-disabled:var(--tgph-gray-8);--tgph-color-button-ghost-icon-accent:var(--tgph-accent-11);--tgph-color-button-ghost-icon-gray:var(--tgph-gray-11);--tgph-color-button-ghost-icon-red:var(--tgph-red-11);--tgph-color-button-ghost-icon-disabled:var(--tgph-gray-8);--tgph-color-button-soft-background-red-active:var(--tgph-red-3);--tgph-color-button-soft-background-red-hover:var(--tgph-red-4);--tgph-color-button-soft-background-red-focus:var(--tgph-red-5);--tgph-color-button-soft-background-disabled:var(--tgph-gray-2);--tgph-color-button-soft-text-red:var(--tgph-white);--tgph-color-button-soft-text-disabled:var(--tgph-gray-8);--tgph-color-button-soft-icon-red:var(--tgph-white);--tgph-color-button-soft-icon-disabled:var(--tgph-gray-8);--tgph-color-button-outlined-background-gray:var(--tgph-transparent);--tgph-color-button-outlined-background-disabled:var(--tgph-gray-2);--tgph-color-button-outlined-border-gray-active:var(--tgph-gray-6);--tgph-color-button-outlined-border-gray-hover:var(--tgph-gray-7);--tgph-color-button-outlined-border-gray-focus:var(--tgph-gray-8);--tgph-color-button-outlined-text-gray:var(--tgph-gray-12);--tgph-color-button-outlined-text-disabled:var(--tgph-gray-8);--tgph-color-button-outlined-icon-gray:var(--tgph-gray-12);--tgph-color-button-outlined-icon-disabled:var(--tgph-gray-8);--tgph-spacing-button-height-1:var(--tgph-spacing-6);--tgph-spacing-button-height-2:var(--tgph-spacing-8);--tgph-spacing-button-height-3:var(--tgph-spacing-10);--tgph-spacing-button-gap-1:var(--tgph-spacing-1);--tgph-spacing-button-gap-2:var(--tgph-spacing-2);--tgph-spacing-button-gap-3:var(--tgph-spacing-3);--tgph-spacing-button-padding-1:var(--tgph-spacing-2);--tgph-spacing-button-padding-2:var(--tgph-spacing-3);--tgph-spacing-button-padding-3:var(--tgph-spacing-4);--tgph-rounded-button:var(--tgph-rounded-2);@media (prefers-color-scheme:dark){&{--tgph-surface:#111113;--tgph-gray-1:#111113;--tgph-gray-2:#18191b;--tgph-gray-3:#212225;--tgph-gray-4:#272a2d;--tgph-gray-5:#2e3135;--tgph-gray-6:#363a3f;--tgph-gray-7:#43484e;--tgph-gray-8:#5a6169;--tgph-gray-9:#696e77;--tgph-gray-10:#777b84;--tgph-gray-11:#b0b4ba;--tgph-gray-12:#edeef0;--tgph-beige-1:#111110;--tgph-beige-2:#191918;--tgph-beige-3:#222221;--tgph-beige-4:#2a2a28;--tgph-beige-5:#31312e;--tgph-beige-6:#3b3a37;--tgph-beige-7:#494844;--tgph-beige-8:#62605b;--tgph-beige-9:#6f6d66;--tgph-beige-10:#7c7b74;--tgph-beige-11:#b5b3ad;--tgph-beige-12:#eeeeec;--tgph-accent-1:#181111;--tgph-accent-2:#1f1513;--tgph-accent-3:#391714;--tgph-accent-4:#4e1511;--tgph-accent-5:#5e1c16;--tgph-accent-6:#6e2920;--tgph-accent-7:#853a2d;--tgph-accent-8:#ac4d39;--tgph-accent-9:#e54d2e;--tgph-accent-10:#ec6142;--tgph-accent-11:#ff977d;--tgph-accent-12:#fbd3cb;--tgph-green-1:#0d1512;--tgph-green-2:#121c18;--tgph-green-3:#0f2e22;--tgph-green-4:#0b3b2c;--tgph-green-5:#114837;--tgph-green-6:#1b5745;--tgph-green-7:#246854;--tgph-green-8:#2a7e68;--tgph-green-9:#29a383;--tgph-green-10:#27b08b;--tgph-green-11:#1fd8a4;--tgph-green-12:#adf0d4;--tgph-yellow-1:#14120b;--tgph-yellow-2:#1b180f;--tgph-yellow-3:#2d2305;--tgph-yellow-4:#362b00;--tgph-yellow-5:#433500;--tgph-yellow-6:#524202;--tgph-yellow-7:#665417;--tgph-yellow-8:#836a21;--tgph-yellow-9:#ffe629;--tgph-yellow-10:#ffff57;--tgph-yellow-11:#f5e147;--tgph-yellow-12:#ffe7b3;--tgph-blue-1:#11131f;--tgph-blue-2:#141726;--tgph-blue-3:#182449;--tgph-blue-4:#1d2e62;--tgph-blue-5:#253974;--tgph-blue-6:#304384;--tgph-blue-7:#3a4f97;--tgph-blue-8:#435db1;--tgph-blue-9:#3e63dd;--tgph-blue-10:#5472e4;--tgph-blue-11:#9eb1ff;--tgph-blue-12:#d6e1ff;--tgph-red-1:#191113;--tgph-red-2:#1e1517;--tgph-red-3:#3a141e;--tgph-red-4:#4e1325;--tgph-red-5:#5e1a2e;--tgph-red-6:#6f2539;--tgph-red-7:#883447;--tgph-red-8:#b3445a;--tgph-red-9:#e54666;--tgph-red-10:#ec5a72;--tgph-red-11:#ff949d;--tgph-red-12:#fed2e1}}}
1
+ :root{--tgph-surface:#fff;--tgph-gray-1:#fcfcfd;--tgph-gray-2:#f9f9fb;--tgph-gray-3:#f0f0f3;--tgph-gray-4:#e8e8ec;--tgph-gray-5:#e0e1e6;--tgph-gray-6:#d9d9e0;--tgph-gray-7:#cdced6;--tgph-gray-8:#b9bbc6;--tgph-gray-9:#8b8d98;--tgph-gray-10:#80838d;--tgph-gray-11:#60646c;--tgph-gray-12:#1c2024;--tgph-beige-1:#fdfdfc;--tgph-beige-2:#f9f9f8;--tgph-beige-3:#f1f0ef;--tgph-beige-4:#e9e8e6;--tgph-beige-5:#e2e1de;--tgph-beige-6:#dad9d6;--tgph-beige-7:#cfceca;--tgph-beige-8:#bcbbb5;--tgph-beige-9:#8d8d86;--tgph-beige-10:#82827c;--tgph-beige-11:#63635e;--tgph-beige-12:#21201c;--tgph-accent-1:#fffcfc;--tgph-accent-2:#fff8f7;--tgph-accent-3:#feebe7;--tgph-accent-4:#ffdcd3;--tgph-accent-5:#ffcdc2;--tgph-accent-6:#fdbdaf;--tgph-accent-7:#f5a898;--tgph-accent-8:#ec8e7b;--tgph-accent-9:#e54d2e;--tgph-accent-10:#dd4425;--tgph-accent-11:#d13415;--tgph-accent-12:#5c271f;--tgph-green-1:#fbfefd;--tgph-green-2:#f4fbf7;--tgph-green-3:#e6f7ed;--tgph-green-4:#d6f1e3;--tgph-green-5:#c3e9d7;--tgph-green-6:#acdec8;--tgph-green-7:#8bceb6;--tgph-green-8:#56ba9f;--tgph-green-9:#29a383;--tgph-green-10:#26997b;--tgph-green-11:#208368;--tgph-green-12:#1d3b31;--tgph-yellow-1:#fbfefd;--tgph-yellow-2:#f4fbf7;--tgph-yellow-3:#e6f7ed;--tgph-yellow-4:#d6f1e3;--tgph-yellow-5:#c3e9d7;--tgph-yellow-6:#acdec8;--tgph-yellow-7:#8bceb6;--tgph-yellow-8:#56ba9f;--tgph-yellow-9:#29a383;--tgph-yellow-10:#26997b;--tgph-yellow-11:#208368;--tgph-yellow-12:#1d3b31;--tgph-blue-1:#fdfdfe;--tgph-blue-2:#f7f9ff;--tgph-blue-3:#edf2fe;--tgph-blue-4:#e1e9ff;--tgph-blue-5:#d2deff;--tgph-blue-6:#c1d0ff;--tgph-blue-7:#abbdf9;--tgph-blue-8:#8da4ef;--tgph-blue-9:#3e63dd;--tgph-blue-10:#3358d4;--tgph-blue-11:#3a5bc7;--tgph-blue-12:#1f2d5c;--tgph-red-1:#fffcfd;--tgph-red-2:#fff7f8;--tgph-red-3:#feeaed;--tgph-red-4:#ffdce1;--tgph-red-5:#ffced6;--tgph-red-6:#f8bfc8;--tgph-red-7:#efacb8;--tgph-red-8:#e592a3;--tgph-red-9:#e54666;--tgph-red-10:#dc3b5d;--tgph-red-11:#ca244d;--tgph-red-12:#64172b;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0 0 #000;--tgph-shadow-1:0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-2:0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-3:0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01);--tgph-shadow-inner:inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01);--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-px:1px;--tgph-family-sans:Inter,sans-serif;--tgph-family-mono:Menlo,serif;--tgph-leading-0:1rem;--tgph-leading-1:1rem;--tgph-leading-2:1.25rem;--tgph-leading-3:1.5rem;--tgph-leading-4:1.125rem;--tgph-leading-5:1.25rem;--tgph-leading-6:1.5rem;--tgph-leading-7:1.875rem;--tgph-leading-8:2.25rem;--tgph-leading-9:3rem;--tgph-tracking-0:0.25%;--tgph-tracking-1:0.25%;--tgph-tracking-2:0;--tgph-tracking-3:0;--tgph-tracking-4:-0.25%;--tgph-tracking-5:-0.5%;--tgph-tracking-6:-0.625%;--tgph-tracking-7:-0.75%;--tgph-tracking-8:-1%;--tgph-tracking-9:-2.5%;--tgph-text-0:.6875rem;--tgph-text-1:.75rem;--tgph-text-2:.875rem;--tgph-text-3:1rem;--tgph-text-4:1.125rem;--tgph-text-5:1.25rem;--tgph-text-6:1.5rem;--tgph-text-7:1.875rem;--tgph-text-8:2.25rem;--tgph-text-9:3rem;--tgph-weight-regular:400;--tgph-weight-medium:500;--tgph-weight-semi-bold:600;--tgph-color-text-primary-gray:var(--tgph-gray-12);--tgph-color-text-primary-beige:var(--tgph-beige-12);--tgph-color-text-primary-accent:var(--tgph-accent-12);--tgph-color-text-primary-green:var(--tgph-green-12);--tgph-color-text-primary-yellow:var(--tgph-green-12);--tgph-color-text-primary-blue:var(--tgph-blue-12);--tgph-color-text-primary-red:var(--tgph-red-12);--tgph-color-text-primary-disabled:var(--tgph-gray-8);--tgph-color-text-secondary-gray:var(--tgph-gray-11);--tgph-color-text-secondary-beige:var(--tgph-beige-11);--tgph-color-text-secondary-accent:var(--tgph-accent-11);--tgph-color-text-secondary-green:var(--tgph-green-11);--tgph-color-text-secondary-yellow:var(--tgph-green-11);--tgph-color-text-secondary-blue:var(--tgph-blue-11);--tgph-color-text-secondary-red:var(--tgph-red-11);--tgph-color-text-secondary-disabled:var(--tgph-gray-8);--tgph-color-button-solid-background-accent-default:var(--tgph-accent-9);--tgph-color-button-solid-background-accent-default-dark:var(--tgph-accent-9);--tgph-color-button-solid-background-accent-hover:var(--tgph-accent-10);--tgph-color-button-solid-background-accent-focus:var(--tgph-accent-11);--tgph-color-button-solid-background-disabled-default:var(--tgph-gray-2);--tgph-color-button-solid-text-accent:var(--tgph-white);--tgph-color-button-solid-text-disabled:var(--tgph-gray-8);--tgph-color-button-solid-stroke-accent:var(--tgph-white);--tgph-color-button-solid-stroke-disabled:var(--tgph-gray-8);--tgph-color-button-ghost-background-accent-default:var(--tgph-transparent);--tgph-color-button-ghost-background-accent-hover:var(--tgph-accent-3);--tgph-color-button-ghost-background-accent-focus:var(--tgph-accent-4);--tgph-color-button-ghost-background-gray-default:var(--tgph-transparent);--tgph-color-button-ghost-background-gray-hover:var(--tgph-gray-3);--tgph-color-button-ghost-background-gray-focus:var(--tgph-gray-4);--tgph-color-button-ghost-background-red-default:var(--tgph-transparent);--tgph-color-button-ghost-background-red-hover:var(--tgph-red-3);--tgph-color-button-ghost-background-red-focus:var(--tgph-red-4);--tgph-color-button-ghost-background-disabled-default:var(--tgph-transparent);--tgph-color-button-ghost-text-accent:var(--tgph-accent-11);--tgph-color-button-ghost-text-gray:var(--tgph-gray-11);--tgph-color-button-ghost-text-red:var(--tgph-red-11);--tgph-color-button-ghost-text-disabled:var(--tgph-gray-8);--tgph-color-button-ghost-icon-accent:var(--tgph-accent-11);--tgph-color-button-ghost-icon-gray:var(--tgph-gray-11);--tgph-color-button-ghost-icon-red:var(--tgph-red-11);--tgph-color-button-ghost-icon-disabled:var(--tgph-gray-8);--tgph-color-button-soft-background-red-active:var(--tgph-red-3);--tgph-color-button-soft-background-red-hover:var(--tgph-red-4);--tgph-color-button-soft-background-red-focus:var(--tgph-red-5);--tgph-color-button-soft-background-disabled:var(--tgph-gray-2);--tgph-color-button-soft-text-red:var(--tgph-white);--tgph-color-button-soft-text-disabled:var(--tgph-gray-8);--tgph-color-button-soft-icon-red:var(--tgph-white);--tgph-color-button-soft-icon-disabled:var(--tgph-gray-8);--tgph-color-button-outlined-background-gray:var(--tgph-transparent);--tgph-color-button-outlined-background-disabled:var(--tgph-gray-2);--tgph-color-button-outlined-border-gray-active:var(--tgph-gray-6);--tgph-color-button-outlined-border-gray-hover:var(--tgph-gray-7);--tgph-color-button-outlined-border-gray-focus:var(--tgph-gray-8);--tgph-color-button-outlined-text-gray:var(--tgph-gray-12);--tgph-color-button-outlined-text-disabled:var(--tgph-gray-8);--tgph-color-button-outlined-icon-gray:var(--tgph-gray-12);--tgph-color-button-outlined-icon-disabled:var(--tgph-gray-8);--tgph-spacing-button-height-1:var(--tgph-spacing-6);--tgph-spacing-button-height-2:var(--tgph-spacing-8);--tgph-spacing-button-height-3:var(--tgph-spacing-10);--tgph-spacing-button-gap-1:var(--tgph-spacing-1);--tgph-spacing-button-gap-2:var(--tgph-spacing-2);--tgph-spacing-button-gap-3:var(--tgph-spacing-3);--tgph-spacing-button-padding-1:var(--tgph-spacing-2);--tgph-spacing-button-padding-2:var(--tgph-spacing-3);--tgph-spacing-button-padding-3:var(--tgph-spacing-4);--tgph-rounded-button:var(--tgph-rounded-2);@media (prefers-color-scheme:dark){&{--tgph-surface:#111113;--tgph-gray-1:#111113;--tgph-gray-2:#18191b;--tgph-gray-3:#212225;--tgph-gray-4:#272a2d;--tgph-gray-5:#2e3135;--tgph-gray-6:#363a3f;--tgph-gray-7:#43484e;--tgph-gray-8:#5a6169;--tgph-gray-9:#696e77;--tgph-gray-10:#777b84;--tgph-gray-11:#b0b4ba;--tgph-gray-12:#edeef0;--tgph-beige-1:#111110;--tgph-beige-2:#191918;--tgph-beige-3:#222221;--tgph-beige-4:#2a2a28;--tgph-beige-5:#31312e;--tgph-beige-6:#3b3a37;--tgph-beige-7:#494844;--tgph-beige-8:#62605b;--tgph-beige-9:#6f6d66;--tgph-beige-10:#7c7b74;--tgph-beige-11:#b5b3ad;--tgph-beige-12:#eeeeec;--tgph-accent-1:#181111;--tgph-accent-2:#1f1513;--tgph-accent-3:#391714;--tgph-accent-4:#4e1511;--tgph-accent-5:#5e1c16;--tgph-accent-6:#6e2920;--tgph-accent-7:#853a2d;--tgph-accent-8:#ac4d39;--tgph-accent-9:#e54d2e;--tgph-accent-10:#ec6142;--tgph-accent-11:#ff977d;--tgph-accent-12:#fbd3cb;--tgph-green-1:#0d1512;--tgph-green-2:#121c18;--tgph-green-3:#0f2e22;--tgph-green-4:#0b3b2c;--tgph-green-5:#114837;--tgph-green-6:#1b5745;--tgph-green-7:#246854;--tgph-green-8:#2a7e68;--tgph-green-9:#29a383;--tgph-green-10:#27b08b;--tgph-green-11:#1fd8a4;--tgph-green-12:#adf0d4;--tgph-yellow-1:#14120b;--tgph-yellow-2:#1b180f;--tgph-yellow-3:#2d2305;--tgph-yellow-4:#362b00;--tgph-yellow-5:#433500;--tgph-yellow-6:#524202;--tgph-yellow-7:#665417;--tgph-yellow-8:#836a21;--tgph-yellow-9:#ffe629;--tgph-yellow-10:#ffff57;--tgph-yellow-11:#f5e147;--tgph-yellow-12:#ffe7b3;--tgph-blue-1:#11131f;--tgph-blue-2:#141726;--tgph-blue-3:#182449;--tgph-blue-4:#1d2e62;--tgph-blue-5:#253974;--tgph-blue-6:#304384;--tgph-blue-7:#3a4f97;--tgph-blue-8:#435db1;--tgph-blue-9:#3e63dd;--tgph-blue-10:#5472e4;--tgph-blue-11:#9eb1ff;--tgph-blue-12:#d6e1ff;--tgph-red-1:#191113;--tgph-red-2:#1e1517;--tgph-red-3:#3a141e;--tgph-red-4:#4e1325;--tgph-red-5:#5e1a2e;--tgph-red-6:#6f2539;--tgph-red-7:#883447;--tgph-red-8:#b3445a;--tgph-red-9:#e54666;--tgph-red-10:#ec5a72;--tgph-red-11:#ff949d;--tgph-red-12:#fed2e1}}}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const tgph: {
1
+ declare const _default: {
2
2
  tokens: {
3
3
  color: {
4
4
  transparent: string;
@@ -389,54 +389,6 @@ export declare const tgph: {
389
389
  };
390
390
  };
391
391
  };
392
- font: {
393
- family: {
394
- sans: string;
395
- mono: string;
396
- };
397
- body: {
398
- family: string;
399
- size: {
400
- 0: string;
401
- 1: string;
402
- 2: string;
403
- 3: string;
404
- 4: string;
405
- 5: string;
406
- 6: string;
407
- 7: string;
408
- 8: string;
409
- 9: string;
410
- };
411
- leading: {
412
- 0: string;
413
- 1: string;
414
- 2: string;
415
- 3: string;
416
- 4: string;
417
- 5: string;
418
- 6: string;
419
- 7: string;
420
- 8: string;
421
- 9: string;
422
- };
423
- tracking: {
424
- 0: string;
425
- 1: string;
426
- 2: string;
427
- 3: string;
428
- 4: string;
429
- 5: string;
430
- 6: string;
431
- 7: string;
432
- 8: string;
433
- 9: string;
434
- };
435
- };
436
- code: {
437
- family: string;
438
- };
439
- };
440
392
  rounded: {
441
393
  0: string;
442
394
  1: string;
@@ -487,6 +439,51 @@ export declare const tgph: {
487
439
  80: string;
488
440
  96: string;
489
441
  };
442
+ family: {
443
+ sans: string;
444
+ mono: string;
445
+ };
446
+ leading: {
447
+ 0: string;
448
+ 1: string;
449
+ 2: string;
450
+ 3: string;
451
+ 4: string;
452
+ 5: string;
453
+ 6: string;
454
+ 7: string;
455
+ 8: string;
456
+ 9: string;
457
+ };
458
+ tracking: {
459
+ 0: string;
460
+ 1: string;
461
+ 2: string;
462
+ 3: string;
463
+ 4: string;
464
+ 5: string;
465
+ 6: string;
466
+ 7: string;
467
+ 8: string;
468
+ 9: string;
469
+ };
470
+ text: {
471
+ 0: string;
472
+ 1: string;
473
+ 2: string;
474
+ 3: string;
475
+ 4: string;
476
+ 5: string;
477
+ 6: string;
478
+ 7: string;
479
+ 8: string;
480
+ 9: string;
481
+ };
482
+ weight: {
483
+ regular: string;
484
+ medium: string;
485
+ "semi-bold": string;
486
+ };
490
487
  };
491
488
  semantic: {
492
489
  color: {
@@ -786,4 +783,5 @@ export declare const tgph: {
786
783
  };
787
784
  };
788
785
  };
786
+ export default _default;
789
787
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAahB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,wBAiBE"}
package/dist/index.es.js ADDED
@@ -0,0 +1,388 @@
1
+ const e = {
2
+ transparent: "transparent",
3
+ white: "#ffffff",
4
+ black: "#000000",
5
+ surface: {
6
+ light: "#ffffff",
7
+ dark: "#111113"
8
+ },
9
+ alpha: {
10
+ white: {
11
+ 1: "rgba(255, 255, 255, 0.05)",
12
+ 2: "rgba(255, 255, 255, 0.1)",
13
+ 3: "rgba(255, 255, 255, 0.15)",
14
+ 4: "rgba(255, 255, 255, 0.2)",
15
+ 5: "rgba(255, 255, 255, 0.3)",
16
+ 6: "rgba(255, 255, 255, 0.4)",
17
+ 7: "rgba(255, 255, 255, 0.5)",
18
+ 8: "rgba(255, 255, 255, 0.6)",
19
+ 9: "rgba(255, 255, 255, 0.7)",
20
+ 10: "rgba(255, 255, 255, 0.8)",
21
+ 11: "rgba(255, 255, 255, 0.9)",
22
+ 12: "rgba(255, 255, 255, 0.95)"
23
+ },
24
+ black: {
25
+ 1: "rgba(0, 0, 0, 0.05)",
26
+ 2: "rgba(0, 0, 0, 0.1)",
27
+ 3: "rgba(0, 0, 0, 0.15)",
28
+ 4: "rgba(0, 0, 0, 0.2)",
29
+ 5: "rgba(0, 0, 0, 0.3)",
30
+ 6: "rgba(0, 0, 0, 0.4)",
31
+ 7: "rgba(0, 0, 0, 0.5)",
32
+ 8: "rgba(0, 0, 0, 0.6)",
33
+ 9: "rgba(0, 0, 0, 0.7)",
34
+ 10: "rgba(0, 0, 0, 0.8)",
35
+ 11: "rgba(0, 0, 0, 0.9)",
36
+ 12: "rgba(0, 0, 0, 0.95)"
37
+ }
38
+ },
39
+ gray: {
40
+ 1: { light: "#fcfcfd", dark: "#111113" },
41
+ 2: { light: "#f9f9fb", dark: "#18191b" },
42
+ 3: { light: "#f0f0f3", dark: "#212225" },
43
+ 4: { light: "#e8e8ec", dark: "#272a2d" },
44
+ 5: { light: "#e0e1e6", dark: "#2e3135" },
45
+ 6: { light: "#d9d9e0", dark: "#363a3f" },
46
+ 7: { light: "#cdced6", dark: "#43484e" },
47
+ 8: { light: "#b9bbc6", dark: "#5a6169" },
48
+ 9: { light: "#8b8d98", dark: "#696e77" },
49
+ 10: { light: "#80838d", dark: "#777b84" },
50
+ 11: { light: "#60646c", dark: "#b0b4ba" },
51
+ 12: { light: "#1c2024", dark: "#edeef0" }
52
+ },
53
+ beige: {
54
+ 1: { light: "#fdfdfc", dark: "#111110" },
55
+ 2: { light: "#f9f9f8", dark: "#191918" },
56
+ 3: { light: "#f1f0ef", dark: "#222221" },
57
+ 4: { light: "#e9e8e6", dark: "#2a2a28" },
58
+ 5: { light: "#e2e1de", dark: "#31312e" },
59
+ 6: { light: "#dad9d6", dark: "#3b3a37" },
60
+ 7: { light: "#cfceca", dark: "#494844" },
61
+ 8: { light: "#bcbbb5", dark: "#62605b" },
62
+ 9: { light: "#8d8d86", dark: "#6f6d66" },
63
+ 10: { light: "#82827c", dark: "#7c7b74" },
64
+ 11: { light: "#63635e", dark: "#b5b3ad" },
65
+ 12: { light: "#21201c", dark: "#eeeeec" }
66
+ },
67
+ accent: {
68
+ 1: { light: "#fffcfc", dark: "#181111" },
69
+ 2: { light: "#fff8f7", dark: "#1f1513" },
70
+ 3: { light: "#feebe7", dark: "#391714" },
71
+ 4: { light: "#ffdcd3", dark: "#4e1511" },
72
+ 5: { light: "#ffcdc2", dark: "#5e1c16" },
73
+ 6: { light: "#fdbdaf", dark: "#6e2920" },
74
+ 7: { light: "#f5a898", dark: "#853a2d" },
75
+ 8: { light: "#ec8e7b", dark: "#ac4d39" },
76
+ 9: { light: "#e54d2e", dark: "#e54d2e" },
77
+ 10: { light: "#dd4425", dark: "#ec6142" },
78
+ 11: { light: "#d13415", dark: "#ff977d" },
79
+ 12: { light: "#5c271f", dark: "#fbd3cb" }
80
+ },
81
+ green: {
82
+ 1: { light: "#fbfefd", dark: "#0d1512" },
83
+ 2: { light: "#f4fbf7", dark: "#121c18" },
84
+ 3: { light: "#e6f7ed", dark: "#0f2e22" },
85
+ 4: { light: "#d6f1e3", dark: "#0b3b2c" },
86
+ 5: { light: "#c3e9d7", dark: "#114837" },
87
+ 6: { light: "#acdec8", dark: "#1b5745" },
88
+ 7: { light: "#8bceb6", dark: "#246854" },
89
+ 8: { light: "#56ba9f", dark: "#2a7e68" },
90
+ 9: { light: "#29a383", dark: "#29a383" },
91
+ 10: { light: "#26997b", dark: "#27b08b" },
92
+ 11: { light: "#208368", dark: "#1fd8a4" },
93
+ 12: { light: "#1d3b31", dark: "#adf0d4" }
94
+ },
95
+ yellow: {
96
+ 1: { light: "#fbfefd", dark: "#14120b" },
97
+ 2: { light: "#f4fbf7", dark: "#1b180f" },
98
+ 3: { light: "#e6f7ed", dark: "#2d2305" },
99
+ 4: { light: "#d6f1e3", dark: "#362b00" },
100
+ 5: { light: "#c3e9d7", dark: "#433500" },
101
+ 6: { light: "#acdec8", dark: "#524202" },
102
+ 7: { light: "#8bceb6", dark: "#665417" },
103
+ 8: { light: "#56ba9f", dark: "#836a21" },
104
+ 9: { light: "#29a383", dark: "#ffe629" },
105
+ 10: { light: "#26997b", dark: "#ffff57" },
106
+ 11: { light: "#208368", dark: "#f5e147" },
107
+ 12: { light: "#1d3b31", dark: "#ffe7b3" }
108
+ },
109
+ blue: {
110
+ 1: { light: "#fdfdfe", dark: "#11131f" },
111
+ 2: { light: "#f7f9ff", dark: "#141726" },
112
+ 3: { light: "#edf2fe", dark: "#182449" },
113
+ 4: { light: "#e1e9ff", dark: "#1d2e62" },
114
+ 5: { light: "#d2deff", dark: "#253974" },
115
+ 6: { light: "#c1d0ff", dark: "#304384" },
116
+ 7: { light: "#abbdf9", dark: "#3a4f97" },
117
+ 8: { light: "#8da4ef", dark: "#435db1" },
118
+ 9: { light: "#3e63dd", dark: "#3e63dd" },
119
+ 10: { light: "#3358d4", dark: "#5472e4" },
120
+ 11: { light: "#3a5bc7", dark: "#9eb1ff" },
121
+ 12: { light: "#1f2d5c", dark: "#d6e1ff" }
122
+ },
123
+ red: {
124
+ 1: { light: "#fffcfd", dark: "#191113" },
125
+ 2: { light: "#fff7f8", dark: "#1e1517" },
126
+ 3: { light: "#feeaed", dark: "#3a141e" },
127
+ 4: { light: "#ffdce1", dark: "#4e1325" },
128
+ 5: { light: "#ffced6", dark: "#5e1a2e" },
129
+ 6: { light: "#f8bfc8", dark: "#6f2539" },
130
+ 7: { light: "#efacb8", dark: "#883447" },
131
+ 8: { light: "#e592a3", dark: "#b3445a" },
132
+ 9: { light: "#e54666", dark: "#e54666" },
133
+ 10: { light: "#dc3b5d", dark: "#ec5a72" },
134
+ 11: { light: "#ca244d", dark: "#ff949d" },
135
+ 12: { light: "#64172b", dark: "#fed2e1" }
136
+ }
137
+ }, d = {
138
+ text: {
139
+ primary: {
140
+ black: e.black[12],
141
+ white: e.white[12],
142
+ gray: e.gray[12],
143
+ beige: e.beige[12],
144
+ accent: e.accent[12],
145
+ green: e.green[12],
146
+ yellow: e.yellow[12],
147
+ blue: e.blue[12],
148
+ red: e.red[12],
149
+ disabled: e.gray[8]
150
+ },
151
+ secondary: {
152
+ black: e.black[11],
153
+ white: e.white[11],
154
+ gray: e.gray[11],
155
+ beige: e.beige[11],
156
+ accent: e.accent[11],
157
+ green: e.green[11],
158
+ yellow: e.yellow[11],
159
+ blue: e.blue[11],
160
+ red: e.red[11],
161
+ disabled: e.gray[8]
162
+ }
163
+ },
164
+ // color.button.solid.background.accent.focus
165
+ button: {
166
+ solid: {
167
+ background: {
168
+ accent: {
169
+ default: e.accent[9],
170
+ hover: e.accent[10],
171
+ focus: e.accent[11]
172
+ },
173
+ disabled: {
174
+ default: e.gray[2]
175
+ }
176
+ },
177
+ text: {
178
+ accent: e.white,
179
+ disabled: e.gray[8]
180
+ },
181
+ stroke: {
182
+ accent: e.white,
183
+ disabled: e.gray[8]
184
+ }
185
+ },
186
+ ghost: {
187
+ background: {
188
+ accent: {
189
+ default: e.transparent,
190
+ hover: e.accent[3],
191
+ focus: e.accent[4]
192
+ },
193
+ gray: {
194
+ default: e.transparent,
195
+ hover: e.gray[3],
196
+ focus: e.gray[4]
197
+ },
198
+ red: {
199
+ default: e.transparent,
200
+ hover: e.red[3],
201
+ focus: e.red[4]
202
+ },
203
+ disabled: {
204
+ default: e.transparent
205
+ }
206
+ },
207
+ text: {
208
+ accent: e.accent[11],
209
+ gray: e.gray[11],
210
+ red: e.red[11],
211
+ disabled: e.gray[8]
212
+ },
213
+ icon: {
214
+ accent: e.accent[11],
215
+ gray: e.gray[11],
216
+ red: e.red[11],
217
+ disabled: e.gray[8]
218
+ }
219
+ },
220
+ soft: {
221
+ background: {
222
+ red: {
223
+ active: e.red[3],
224
+ hover: e.red[4],
225
+ focus: e.red[5]
226
+ },
227
+ disabled: e.gray[2]
228
+ },
229
+ text: {
230
+ red: e.white,
231
+ disabled: e.gray[8]
232
+ },
233
+ icon: {
234
+ red: e.white,
235
+ disabled: e.gray[8]
236
+ }
237
+ },
238
+ outlined: {
239
+ background: {
240
+ gray: e.transparent,
241
+ disabled: e.gray[2]
242
+ },
243
+ border: {
244
+ gray: {
245
+ active: e.gray[6],
246
+ hover: e.gray[7],
247
+ focus: e.gray[8]
248
+ }
249
+ },
250
+ text: {
251
+ gray: e.gray[12],
252
+ disabled: e.gray[8]
253
+ },
254
+ icon: {
255
+ gray: e.gray[12],
256
+ disabled: e.gray[8]
257
+ }
258
+ }
259
+ }
260
+ }, r = {
261
+ 0: "0px",
262
+ 1: "0.125rem",
263
+ 2: "0.25rem",
264
+ 3: "0.375rem",
265
+ 4: "0.5rem",
266
+ 5: "0.75rem",
267
+ 6: "1rem",
268
+ full: "9999px"
269
+ }, t = {
270
+ button: r[2]
271
+ }, a = {
272
+ px: "1px",
273
+ 0: "0px",
274
+ 1: "0.25rem",
275
+ 2: "0.5rem",
276
+ 3: "0.75rem",
277
+ 4: "1rem",
278
+ 5: "1.25rem",
279
+ 6: "1.5rem",
280
+ 7: "1.75rem",
281
+ 8: "2rem",
282
+ 9: "2.25rem",
283
+ 10: "2.5rem",
284
+ 11: "2.75rem",
285
+ 12: "3rem",
286
+ 14: "3.5rem",
287
+ 16: "4rem",
288
+ 20: "5rem",
289
+ 24: "6rem",
290
+ 28: "7rem",
291
+ 32: "8rem",
292
+ 36: "9rem",
293
+ 40: "10rem",
294
+ 44: "11rem",
295
+ 48: "12rem",
296
+ 52: "13rem",
297
+ 56: "14rem",
298
+ 60: "15rem",
299
+ 64: "16rem",
300
+ 72: "18rem",
301
+ 80: "20rem",
302
+ 96: "24rem"
303
+ }, g = {
304
+ button: {
305
+ height: {
306
+ 1: a[6],
307
+ 2: a[8],
308
+ 3: a[10]
309
+ },
310
+ gap: {
311
+ 1: a[1],
312
+ 2: a[2],
313
+ 3: a[3]
314
+ },
315
+ padding: {
316
+ 1: a[2],
317
+ 2: a[3],
318
+ 3: a[4]
319
+ }
320
+ }
321
+ }, f = {
322
+ sans: "Inter, sans-serif",
323
+ mono: "Menlo, serif"
324
+ }, i = {
325
+ 0: "1rem",
326
+ 1: "1rem",
327
+ 2: "1.25rem",
328
+ 3: "1.5rem",
329
+ 4: "1.125rem",
330
+ 5: "1.25rem",
331
+ 6: "1.5rem",
332
+ 7: "1.875rem",
333
+ 8: "2.25rem",
334
+ 9: "3rem"
335
+ }, l = {
336
+ 0: "0 0 #000000",
337
+ inner: "inset 0px 0px 1px 0px rgba(28, 32, 36, 0.06),inset 0px 1px 1px 0px rgba(28, 32, 36, 0.05), inset 0px 3px 2px 0px rgba(28, 32, 36, 0.03),inset 0px 5px 2px 0px rgba(28, 32, 36, 0.01)",
338
+ 1: "0px 0px 1px 0px rgba(28, 32, 36, 0.06),0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 5px 2px 0px rgba(28, 32, 36, 0.01)",
339
+ 2: "0px 1px 2px 0px rgba(28, 32, 36, 0.06),0px 4px 4px 0px rgba(28, 32, 36, 0.05),0px 9px 6px 0px rgba(28, 32, 36, 0.03),0px 16px 7px 0px rgba(28, 32, 36, 0.01)",
340
+ 3: "0px 2px 4px 0px rgba(28, 32, 36, 0.06),0px 7px 7px 0px rgba(28, 32, 36, 0.05),0px 16px 10px 0px rgba(28, 32, 36, 0.03),0px 29px 12px 0px rgba(28, 32, 36, 0.01)"
341
+ }, b = {
342
+ 0: "0.6875rem",
343
+ 1: "0.75rem",
344
+ 2: "0.875rem",
345
+ 3: "1rem",
346
+ 4: "1.125rem",
347
+ 5: "1.25rem",
348
+ 6: "1.5rem",
349
+ 7: "1.875rem",
350
+ 8: "2.25rem",
351
+ 9: "3rem"
352
+ }, c = {
353
+ 0: "0.25%",
354
+ 1: "0.25%",
355
+ 2: "0",
356
+ 3: "0",
357
+ 4: "-0.25%",
358
+ 5: "-0.5%",
359
+ 6: "-0.625%",
360
+ 7: "-0.75%",
361
+ 8: "-1%",
362
+ 9: "-2.5%"
363
+ }, h = {
364
+ regular: "400",
365
+ medium: "500",
366
+ "semi-bold": "600"
367
+ }, k = {
368
+ tokens: {
369
+ color: e,
370
+ rounded: r,
371
+ shadow: l,
372
+ spacing: a,
373
+ family: f,
374
+ leading: i,
375
+ tracking: c,
376
+ text: b,
377
+ weight: h
378
+ },
379
+ semantic: {
380
+ color: d,
381
+ spacing: g,
382
+ rounded: t
383
+ }
384
+ };
385
+ export {
386
+ k as default
387
+ };
388
+ //# sourceMappingURL=index.es.js.map