npm - @trackunit/ui-design-tokens - Versions diffs - 0.0.70 → 0.0.72 - Mend

@trackunit/ui-design-tokens 0.0.70 → 0.0.72

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 (20) hide show

package/index.cjs +725 -731
package/index.js +725 -731
package/package.json +1 -1
package/src/index.d.ts +9 -10
package/src/tokens/borderRadius.d.ts +14 -14
package/src/tokens/chartColorsDefault.d.ts +7 -7
package/src/tokens/colors/color.d.ts +35 -35
package/src/tokens/colors/colors.d.ts +21 -21
package/src/tokens/colors/index.d.ts +4 -4
package/src/tokens/colors/tailwindPalette.d.ts +270 -270
package/src/tokens/colors/trackunitPalette.d.ts +833 -833
package/src/tokens/elevation.d.ts +27 -27
package/src/tokens/screenSize.d.ts +12 -12
package/src/tokens/size.d.ts +51 -51
package/src/tokens/typography.d.ts +60 -59
package/src/tokens/utils/colorVariableToCss.d.ts +12 -12
package/src/tokens/utils/getHEX.d.ts +10 -10
package/src/tokens/utils/getValuesFromDesignToken.d.ts +5 -5
package/src/tokens/zIndex.d.ts +17 -17
package/src/tokens/tokens.d.ts +0 -13

package/src/tokens/colors/tailwindPalette.d.ts CHANGED Viewed

@@ -1,270 +1,270 @@
-/**
- * The Tailwind color palette.
- * Contains the full tailwind default color theme.
- */
-export declare const tailwindPalette: {
-    readonly slate: {
-        readonly 50: "248 250 252";
-        readonly 100: "241 245 249";
-        readonly 200: "226 232 240";
-        readonly 300: "203 213 225";
-        readonly 400: "148 163 184";
-        readonly 500: "100 116 139";
-        readonly 600: "71 85 105";
-        readonly 700: "51 65 85";
-        readonly 800: "30 41 59";
-        readonly 900: "15 23 42";
-    };
-    readonly gray: {
-        readonly 50: "249 250 251";
-        readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
-        readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
-    };
-    readonly zinc: {
-        readonly 50: "250 250 250";
-        readonly 100: "244 244 245";
-        readonly 200: "228 228 231";
-        readonly 300: "212 212 216";
-        readonly 400: "161 161 170";
-        readonly 500: "113 113 122";
-        readonly 600: "82 82 91";
-        readonly 700: "63 63 70";
-        readonly 800: "39 39 42";
-        readonly 900: "24 24 27";
-    };
-    readonly neutral: {
-        readonly 50: "250 250 250";
-        readonly 100: "245 245 245";
-        readonly 200: "229 229 229";
-        readonly 300: "212 212 212";
-        readonly 400: "163 163 163";
-        readonly 500: "115 115 115";
-        readonly 600: "82 82 82";
-        readonly 700: "64 64 64";
-        readonly 800: "38 38 38";
-        readonly 900: "23 23 23";
-    };
-    readonly stone: {
-        readonly 50: "250 250 249";
-        readonly 100: "245 245 244";
-        readonly 200: "231 229 228";
-        readonly 300: "214 211 209";
-        readonly 400: "168 162 158";
-        readonly 500: "120 113 108";
-        readonly 600: "87 83 78";
-        readonly 700: "68 64 60";
-        readonly 800: "41 37 36";
-        readonly 900: "28 25 23";
-    };
-    readonly red: {
-        readonly 50: "254 242 242";
-        readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
-        readonly 500: "239 68 68";
-        readonly 600: "220 38 38";
-        readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
-    };
-    readonly orange: {
-        readonly 50: "255 247 237";
-        readonly 100: "255 237 213";
-        readonly 200: "254 215 170";
-        readonly 300: "253 186 116";
-        readonly 400: "251 146 60";
-        readonly 500: "249 115 22";
-        readonly 600: "234 88 12";
-        readonly 700: "194 65 12";
-        readonly 800: "154 52 18";
-        readonly 900: "124 45 18";
-    };
-    readonly amber: {
-        readonly 50: "255 251 235";
-        readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
-        readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
-        readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
-    };
-    readonly yellow: {
-        readonly 50: "254 252 232";
-        readonly 100: "254 249 195";
-        readonly 200: "254 240 138";
-        readonly 300: "253 224 71";
-        readonly 400: "250 204 21";
-        readonly 500: "234 179 8";
-        readonly 600: "202 138 4";
-        readonly 700: "161 98 7";
-        readonly 800: "133 77 14";
-        readonly 900: "113 63 18";
-    };
-    readonly lime: {
-        readonly 50: "247 254 231";
-        readonly 100: "236 252 203";
-        readonly 200: "217 249 157";
-        readonly 300: "190 242 100";
-        readonly 400: "163 230 53";
-        readonly 500: "132 204 22";
-        readonly 600: "101 163 13";
-        readonly 700: "77 124 15";
-        readonly 800: "63 98 18";
-        readonly 900: "54 83 20";
-    };
-    readonly green: {
-        readonly 50: "240 253 244";
-        readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
-        readonly 500: "34 197 94";
-        readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
-        readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
-    };
-    readonly emerald: {
-        readonly 50: "236 253 245";
-        readonly 100: "209 250 229";
-        readonly 200: "167 243 208";
-        readonly 300: "110 231 183";
-        readonly 400: "52 211 153";
-        readonly 500: "16 185 129";
-        readonly 600: "5 150 105";
-        readonly 700: "4 120 87";
-        readonly 800: "6 95 70";
-        readonly 900: "6 78 59";
-    };
-    readonly teal: {
-        readonly 50: "240 253 250";
-        readonly 100: "204 251 241";
-        readonly 200: "153 246 228";
-        readonly 300: "94 234 212";
-        readonly 400: "45 212 191";
-        readonly 500: "20 184 166";
-        readonly 600: "13 148 136";
-        readonly 700: "15 118 110";
-        readonly 800: "17 94 89";
-        readonly 900: "19 78 74";
-    };
-    readonly cyan: {
-        readonly 50: "236 254 255";
-        readonly 100: "207 250 254";
-        readonly 200: "165 243 252";
-        readonly 300: "103 232 249";
-        readonly 400: "34 211 238";
-        readonly 500: "6 182 212";
-        readonly 600: "8 145 178";
-        readonly 700: "14 116 144";
-        readonly 800: "21 94 117";
-        readonly 900: "22 78 99";
-    };
-    readonly sky: {
-        readonly 50: "240 249 255";
-        readonly 100: "224 242 254";
-        readonly 200: "186 230 253";
-        readonly 300: "125 211 252";
-        readonly 400: "56 189 248";
-        readonly 500: "14 165 233";
-        readonly 600: "2 132 199";
-        readonly 700: "3 105 161";
-        readonly 800: "7 89 133";
-        readonly 900: "12 74 110";
-    };
-    readonly blue: {
-        readonly 50: "239 246 255";
-        readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
-        readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
-        readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
-        readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
-    };
-    readonly indigo: {
-        readonly 50: "238 242 255";
-        readonly 100: "224 231 255";
-        readonly 200: "199 210 254";
-        readonly 300: "165 180 252";
-        readonly 400: "129 140 248";
-        readonly 500: "99 102 241";
-        readonly 600: "79 70 229";
-        readonly 700: "67 56 202";
-        readonly 800: "55 48 163";
-        readonly 900: "49 46 129";
-    };
-    readonly violet: {
-        readonly 50: "245 243 255";
-        readonly 100: "237 233 254";
-        readonly 200: "221 214 254";
-        readonly 300: "196 181 253";
-        readonly 400: "167 139 250";
-        readonly 500: "139 92 246";
-        readonly 600: "124 58 237";
-        readonly 700: "109 40 217";
-        readonly 800: "91 33 182";
-        readonly 900: "76 29 149";
-    };
-    readonly purple: {
-        readonly 50: "250 245 255";
-        readonly 100: "243 232 255";
-        readonly 200: "233 213 255";
-        readonly 300: "216 180 254";
-        readonly 400: "192 132 252";
-        readonly 500: "168 85 247";
-        readonly 600: "147 51 234";
-        readonly 700: "126 34 206";
-        readonly 800: "107 33 168";
-        readonly 900: "88 28 135";
-    };
-    readonly fuchsia: {
-        readonly 50: "253 244 255";
-        readonly 100: "250 232 255";
-        readonly 200: "245 208 254";
-        readonly 300: "240 171 252";
-        readonly 400: "232 121 249";
-        readonly 500: "217 70 239";
-        readonly 600: "192 38 211";
-        readonly 700: "162 28 175";
-        readonly 800: "134 25 143";
-        readonly 900: "112 26 117";
-    };
-    readonly pink: {
-        readonly 50: "253 242 248";
-        readonly 100: "252 231 243";
-        readonly 200: "251 207 232";
-        readonly 300: "249 168 212";
-        readonly 400: "244 114 182";
-        readonly 500: "236 72 153";
-        readonly 600: "219 39 119";
-        readonly 700: "190 24 93";
-        readonly 800: "157 23 77";
-        readonly 900: "131 24 67";
-    };
-    readonly rose: {
-        readonly 50: "255 241 242";
-        readonly 100: "255 228 230";
-        readonly 200: "254 205 211";
-        readonly 300: "253 164 175";
-        readonly 400: "251 113 133";
-        readonly 500: "244 63 94";
-        readonly 600: "225 29 72";
-        readonly 700: "190 18 60";
-        readonly 800: "159 18 57";
-        readonly 900: "136 19 55";
-    };
-};
+/**
+ * The Tailwind color palette.
+ * Contains the full tailwind default color theme.
+ */
+export declare const tailwindPalette: {
+    readonly slate: {
+        readonly 50: "248 250 252";
+        readonly 100: "241 245 249";
+        readonly 200: "226 232 240";
+        readonly 300: "203 213 225";
+        readonly 400: "148 163 184";
+        readonly 500: "100 116 139";
+        readonly 600: "71 85 105";
+        readonly 700: "51 65 85";
+        readonly 800: "30 41 59";
+        readonly 900: "15 23 42";
+    };
+    readonly gray: {
+        readonly 50: "249 250 251";
+        readonly 100: "243 244 246";
+        readonly 200: "229 231 235";
+        readonly 300: "209 213 219";
+        readonly 400: "156 163 175";
+        readonly 500: "107 114 128";
+        readonly 600: "75 85 99";
+        readonly 700: "55 65 81";
+        readonly 800: "31 41 55";
+        readonly 900: "17 24 39";
+    };
+    readonly zinc: {
+        readonly 50: "250 250 250";
+        readonly 100: "244 244 245";
+        readonly 200: "228 228 231";
+        readonly 300: "212 212 216";
+        readonly 400: "161 161 170";
+        readonly 500: "113 113 122";
+        readonly 600: "82 82 91";
+        readonly 700: "63 63 70";
+        readonly 800: "39 39 42";
+        readonly 900: "24 24 27";
+    };
+    readonly neutral: {
+        readonly 50: "250 250 250";
+        readonly 100: "245 245 245";
+        readonly 200: "229 229 229";
+        readonly 300: "212 212 212";
+        readonly 400: "163 163 163";
+        readonly 500: "115 115 115";
+        readonly 600: "82 82 82";
+        readonly 700: "64 64 64";
+        readonly 800: "38 38 38";
+        readonly 900: "23 23 23";
+    };
+    readonly stone: {
+        readonly 50: "250 250 249";
+        readonly 100: "245 245 244";
+        readonly 200: "231 229 228";
+        readonly 300: "214 211 209";
+        readonly 400: "168 162 158";
+        readonly 500: "120 113 108";
+        readonly 600: "87 83 78";
+        readonly 700: "68 64 60";
+        readonly 800: "41 37 36";
+        readonly 900: "28 25 23";
+    };
+    readonly red: {
+        readonly 50: "254 242 242";
+        readonly 100: "254 226 226";
+        readonly 200: "254 202 202";
+        readonly 300: "252 165 165";
+        readonly 400: "248 113 113";
+        readonly 500: "239 68 68";
+        readonly 600: "220 38 38";
+        readonly 700: "185 28 28";
+        readonly 800: "153 27 27";
+        readonly 900: "127 29 29";
+    };
+    readonly orange: {
+        readonly 50: "255 247 237";
+        readonly 100: "255 237 213";
+        readonly 200: "254 215 170";
+        readonly 300: "253 186 116";
+        readonly 400: "251 146 60";
+        readonly 500: "249 115 22";
+        readonly 600: "234 88 12";
+        readonly 700: "194 65 12";
+        readonly 800: "154 52 18";
+        readonly 900: "124 45 18";
+    };
+    readonly amber: {
+        readonly 50: "255 251 235";
+        readonly 100: "254 243 199";
+        readonly 200: "253 230 138";
+        readonly 300: "252 211 77";
+        readonly 400: "251 191 36";
+        readonly 500: "245 158 11";
+        readonly 600: "217 119 6";
+        readonly 700: "180 83 9";
+        readonly 800: "146 64 14";
+        readonly 900: "120 53 15";
+    };
+    readonly yellow: {
+        readonly 50: "254 252 232";
+        readonly 100: "254 249 195";
+        readonly 200: "254 240 138";
+        readonly 300: "253 224 71";
+        readonly 400: "250 204 21";
+        readonly 500: "234 179 8";
+        readonly 600: "202 138 4";
+        readonly 700: "161 98 7";
+        readonly 800: "133 77 14";
+        readonly 900: "113 63 18";
+    };
+    readonly lime: {
+        readonly 50: "247 254 231";
+        readonly 100: "236 252 203";
+        readonly 200: "217 249 157";
+        readonly 300: "190 242 100";
+        readonly 400: "163 230 53";
+        readonly 500: "132 204 22";
+        readonly 600: "101 163 13";
+        readonly 700: "77 124 15";
+        readonly 800: "63 98 18";
+        readonly 900: "54 83 20";
+    };
+    readonly green: {
+        readonly 50: "240 253 244";
+        readonly 100: "220 252 231";
+        readonly 200: "187 247 208";
+        readonly 300: "134 239 172";
+        readonly 400: "74 222 128";
+        readonly 500: "34 197 94";
+        readonly 600: "22 163 74";
+        readonly 700: "21 128 61";
+        readonly 800: "22 101 52";
+        readonly 900: "20 83 45";
+    };
+    readonly emerald: {
+        readonly 50: "236 253 245";
+        readonly 100: "209 250 229";
+        readonly 200: "167 243 208";
+        readonly 300: "110 231 183";
+        readonly 400: "52 211 153";
+        readonly 500: "16 185 129";
+        readonly 600: "5 150 105";
+        readonly 700: "4 120 87";
+        readonly 800: "6 95 70";
+        readonly 900: "6 78 59";
+    };
+    readonly teal: {
+        readonly 50: "240 253 250";
+        readonly 100: "204 251 241";
+        readonly 200: "153 246 228";
+        readonly 300: "94 234 212";
+        readonly 400: "45 212 191";
+        readonly 500: "20 184 166";
+        readonly 600: "13 148 136";
+        readonly 700: "15 118 110";
+        readonly 800: "17 94 89";
+        readonly 900: "19 78 74";
+    };
+    readonly cyan: {
+        readonly 50: "236 254 255";
+        readonly 100: "207 250 254";
+        readonly 200: "165 243 252";
+        readonly 300: "103 232 249";
+        readonly 400: "34 211 238";
+        readonly 500: "6 182 212";
+        readonly 600: "8 145 178";
+        readonly 700: "14 116 144";
+        readonly 800: "21 94 117";
+        readonly 900: "22 78 99";
+    };
+    readonly sky: {
+        readonly 50: "240 249 255";
+        readonly 100: "224 242 254";
+        readonly 200: "186 230 253";
+        readonly 300: "125 211 252";
+        readonly 400: "56 189 248";
+        readonly 500: "14 165 233";
+        readonly 600: "2 132 199";
+        readonly 700: "3 105 161";
+        readonly 800: "7 89 133";
+        readonly 900: "12 74 110";
+    };
+    readonly blue: {
+        readonly 50: "239 246 255";
+        readonly 100: "219 234 254";
+        readonly 200: "191 219 254";
+        readonly 300: "147 197 253";
+        readonly 400: "96 165 250";
+        readonly 500: "59 130 246";
+        readonly 600: "37 99 235";
+        readonly 700: "29 78 216";
+        readonly 800: "30 64 175";
+        readonly 900: "30 58 138";
+    };
+    readonly indigo: {
+        readonly 50: "238 242 255";
+        readonly 100: "224 231 255";
+        readonly 200: "199 210 254";
+        readonly 300: "165 180 252";
+        readonly 400: "129 140 248";
+        readonly 500: "99 102 241";
+        readonly 600: "79 70 229";
+        readonly 700: "67 56 202";
+        readonly 800: "55 48 163";
+        readonly 900: "49 46 129";
+    };
+    readonly violet: {
+        readonly 50: "245 243 255";
+        readonly 100: "237 233 254";
+        readonly 200: "221 214 254";
+        readonly 300: "196 181 253";
+        readonly 400: "167 139 250";
+        readonly 500: "139 92 246";
+        readonly 600: "124 58 237";
+        readonly 700: "109 40 217";
+        readonly 800: "91 33 182";
+        readonly 900: "76 29 149";
+    };
+    readonly purple: {
+        readonly 50: "250 245 255";
+        readonly 100: "243 232 255";
+        readonly 200: "233 213 255";
+        readonly 300: "216 180 254";
+        readonly 400: "192 132 252";
+        readonly 500: "168 85 247";
+        readonly 600: "147 51 234";
+        readonly 700: "126 34 206";
+        readonly 800: "107 33 168";
+        readonly 900: "88 28 135";
+    };
+    readonly fuchsia: {
+        readonly 50: "253 244 255";
+        readonly 100: "250 232 255";
+        readonly 200: "245 208 254";
+        readonly 300: "240 171 252";
+        readonly 400: "232 121 249";
+        readonly 500: "217 70 239";
+        readonly 600: "192 38 211";
+        readonly 700: "162 28 175";
+        readonly 800: "134 25 143";
+        readonly 900: "112 26 117";
+    };
+    readonly pink: {
+        readonly 50: "253 242 248";
+        readonly 100: "252 231 243";
+        readonly 200: "251 207 232";
+        readonly 300: "249 168 212";
+        readonly 400: "244 114 182";
+        readonly 500: "236 72 153";
+        readonly 600: "219 39 119";
+        readonly 700: "190 24 93";
+        readonly 800: "157 23 77";
+        readonly 900: "131 24 67";
+    };
+    readonly rose: {
+        readonly 50: "255 241 242";
+        readonly 100: "255 228 230";
+        readonly 200: "254 205 211";
+        readonly 300: "253 164 175";
+        readonly 400: "251 113 133";
+        readonly 500: "244 63 94";
+        readonly 600: "225 29 72";
+        readonly 700: "190 18 60";
+        readonly 800: "159 18 57";
+        readonly 900: "136 19 55";
+    };
+};