@tlon/indigo-tokens - npm Package Compare versions

Comparing version 1.2.8 to 1.2.10

dist/backgroundColor.d.ts

@@ -15,19 +15,11 @@ declare const backgroundColor: (colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -43,3 +35,3 @@ blue1: string;
     };
-    red: {
+    caution: {
         hover: string;
@@ -50,3 +42,3 @@ active: string;
     };
-    blue: {
+    primary: {
         hover: string;
@@ -57,8 +49,2 @@ active: string;
     };
-    green: {
-        hover: string;
-        active: string;
-        focus: string;
-        default: string;
-    };
     disabled: {
@@ -65,0 +51,0 @@ hover: string;

dist/borderColor.d.ts

@@ -15,19 +15,11 @@ declare const borderColor: (colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -43,3 +35,3 @@ blue1: string;
     };
-    red: {
+    caution: {
         hover: string;
@@ -50,3 +42,3 @@ active: string;
     };
-    blue: {
+    primary: {
         hover: string;
@@ -57,8 +49,2 @@ active: string;
     };
-    green: {
-        hover: string;
-        active: string;
-        focus: string;
-        default: string;
-    };
     disabled: {
@@ -65,0 +51,0 @@ hover: string;

dist/colors.d.ts

@@ -15,19 +15,11 @@ declare const colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -34,0 +26,0 @@ blue1: string;

dist/colorsDark.d.ts

@@ -15,19 +15,11 @@ declare const colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -34,0 +26,0 @@ blue1: string;

dist/indigo-tokens.cjs.development.js

@@ -35,3 +35,3 @@ 'use strict';
   gray6: '#555555',
-  gray5: '#777777',
+  gray5: '#808080',
   gray4: '#999999',
@@ -44,25 +44,17 @@ gray3: '#AAAAAA',
   // Red
-  red4: '#380100',
-  red3: '#AA160D',
-  red2: '#FF4136',
-  red1: '#f59b9b',
-  red0: '#ffebef',
+  red2: '#3C0003',
+  red1: '#FF4136',
+  red0: '#FFEBEF',
   // Yellow
-  yellow4: '#E65100',
-  yellow3: '#FFB700',
-  yellow2: '#FFD700',
-  yellow1: '#FBF1A9',
-  yellow0: '#fffde5',
+  yellow2: '#3D1900',
+  yellow1: '#FFC700',
+  yellow0: '#FFF8DF',
   // Green
-  green4: '#033827',
-  green3: '#0B714D',
-  green2: '#0ca36b',
-  green1: '#9EEBCF',
-  green0: '#e5f5ee',
+  green2: '#002E1F',
+  green1: '#009F65',
+  green0: '#E0FFE7',
   // Blue
-  blue4: '#001B44',
-  blue3: '#00449E',
-  blue2: '#2196F3',
-  blue1: '#90CAF9',
-  blue0: '#E3F2FD'
+  blue2: '#001A46',
+  blue1: '#219DFF',
+  blue0: '#E1F1FF'
 };
@@ -86,25 +78,17 @@
   // Red
-  red4: colors.red0,
-  red3: colors.red1,
-  red2: colors.red2,
-  red1: colors.red3,
-  red0: colors.red4,
+  red2: colors.red0,
+  red1: colors.red1,
+  red0: colors.red2,
   // Yellow
-  yellow4: colors.yellow0,
-  yellow3: colors.yellow1,
-  yellow2: colors.yellow2,
-  yellow1: colors.yellow3,
-  yellow0: colors.yellow4,
+  yellow2: colors.yellow0,
+  yellow1: colors.yellow1,
+  yellow0: colors.yellow2,
   // Green
-  green4: colors.green0,
-  green3: colors.green1,
-  green2: colors.green2,
-  green1: colors.green3,
-  green0: colors.green4,
+  green2: colors.green0,
+  green1: colors.green1,
+  green0: colors.green2,
   // Blue
-  blue4: colors.blue0,
-  blue3: colors.blue1,
-  blue2: colors.blue2,
-  blue1: colors.blue3,
-  blue0: colors.blue4
+  blue2: colors.blue0,
+  blue1: colors.blue1,
+  blue0: colors.blue2
 };
@@ -154,20 +138,14 @@
     },
-    red: {
-      hover: colors.red2,
-      active: colors.red2,
-      focus: colors.red2,
-      "default": colors.red2
+    caution: {
+      hover: colors.red1,
+      active: colors.red1,
+      focus: colors.red1,
+      "default": colors.red1
     },
-    blue: {
-      hover: colors.blue2,
-      active: colors.blue2,
-      focus: colors.blue2,
-      "default": colors.blue2
+    primary: {
+      hover: colors.blue1,
+      active: colors.blue1,
+      focus: colors.blue1,
+      "default": colors.blue1
     },
-    green: {
-      hover: colors.green2,
-      active: colors.green2,
-      focus: colors.green2,
-      "default": colors.green2
-    },
     disabled: {
@@ -190,3 +168,3 @@ hover: colors.gray3,
     },
-    red: {
+    caution: {
       hover: colors.red0,
@@ -197,3 +175,3 @@ active: colors.red0,
     },
-    blue: {
+    primary: {
       hover: colors.blue0,
@@ -204,8 +182,2 @@ active: colors.blue0,
     },
-    green: {
-      hover: colors.green0,
-      active: colors.green0,
-      focus: colors.white,
-      "default": colors.white
-    },
     disabled: {
@@ -228,20 +200,14 @@ hover: colors.gray1,
     },
-    red: {
-      hover: colors.red2,
-      active: colors.red2,
-      focus: colors.red2,
-      "default": colors.red2
+    caution: {
+      hover: colors.red1,
+      active: colors.red1,
+      focus: colors.red1,
+      "default": colors.red1
     },
-    blue: {
-      hover: colors.blue2,
-      active: colors.blue2,
-      focus: colors.blue2,
-      "default": colors.blue2
+    primary: {
+      hover: colors.blue1,
+      active: colors.blue1,
+      focus: colors.blue1,
+      "default": colors.blue1
     },
-    green: {
-      hover: colors.green2,
-      active: colors.green2,
-      focus: colors.green2,
-      "default": colors.green2
-    },
     disabled: {
@@ -264,3 +230,3 @@ hover: colors.gray5,
     },
-    red: {
+    caution: {
       hover: colors.none,
@@ -271,3 +237,3 @@ active: colors.red0,
     },
-    blue: {
+    primary: {
       hover: colors.none,
@@ -278,8 +244,2 @@ active: colors.blue0,
     },
-    green: {
-      hover: colors.none,
-      active: colors.green0,
-      focus: colors.green0,
-      "default": colors.none
-    },
     disabled: {
@@ -286,0 +246,0 @@ hover: colors.none,

dist/indigo-tokens.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=(e=require("styled-components"))&&"object"==typeof e&&"default"in e?e.default:e;function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}var n={util:"#FFFF00",none:"rgba(0,0,0,0)",black:"#000000",gray8:"#222222",gray7:"#333333",gray6:"#555555",gray5:"#777777",gray4:"#999999",gray3:"#AAAAAA",gray2:"#CCCCCC",gray1:"#EEEEEE",gray0:"#F4F4F4",white:"#FFFFFF",red4:"#380100",red3:"#AA160D",red2:"#FF4136",red1:"#f59b9b",red0:"#ffebef",yellow4:"#E65100",yellow3:"#FFB700",yellow2:"#FFD700",yellow1:"#FBF1A9",yellow0:"#fffde5",green4:"#033827",green3:"#0B714D",green2:"#0ca36b",green1:"#9EEBCF",green0:"#e5f5ee",blue4:"#001B44",blue3:"#00449E",blue2:"#2196F3",blue1:"#90CAF9",blue0:"#E3F2FD"},a={util:"#FFFF00",none:"rgba(0,0,0,0)",black:n.white,gray8:n.gray0,gray7:n.gray1,gray6:n.gray2,gray5:n.gray3,gray4:n.gray4,gray3:n.gray5,gray2:n.gray6,gray1:n.gray7,gray0:n.gray8,white:n.black,red4:n.red0,red3:n.red1,red2:n.red2,red1:n.red3,red0:n.red4,yellow4:n.yellow0,yellow3:n.yellow1,yellow2:n.yellow2,yellow1:n.yellow3,yellow0:n.yellow4,green4:n.green0,green3:n.green1,green2:n.green2,green1:n.green3,green0:n.green4,blue4:n.blue0,blue3:n.blue1,blue2:n.blue2,blue1:n.blue3,blue0:n.blue4},t="\n  html, body, div, span, applet, object, iframe,\n  h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n  a, abbr, acronym, address, big, cite, code,\n  del, dfn, em, img, ins, kbd, q, s, samp,\n  small, strike, strong, sub, sup, tt, var,\n  b, u, i, center,\n  dl, dt, dd, ol, ul, li,\n  fieldset, form, label, legend,\n  table, caption, tbody, tfoot, thead, tr, th, td,\n  article, aside, canvas, details, embed,\n  figure, figcaption, footer, header, hgroup,\n  menu, nav, output, ruby, section, summary,\n  time, mark, audio, video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font-size: 100%;\n    font: inherit;\n    vertical-align: baseline;\n    box-sizing: border-box;\n    font-weight: normal;\n  }\n  body {\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  ol, ul {\n    list-style: none;\n  }\n  blockquote, q {\n    quotes: none;\n  }\n  blockquote:before, blockquote:after,\n  q:before, q:after {\n    content: '';\n    content: none;\n  }\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n",l={fonts:{sans:"\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif",mono:'"Source Code Pro", "Roboto mono", "Courier New", monospace'},fontSizes:[10,11,12,14,16,20,24,32,48],fontWeights:{thin:300,regular:400,bold:500},lineHeights:{short:1.333334,regular:1.5,tall:1.666667},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],radii:[0,4,8,12,16,20,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px"]},i=function(e){return{default:{hover:e.gray2,active:e.gray2,focus:e.gray2,default:e.gray2},red:{hover:e.red2,active:e.red2,focus:e.red2,default:e.red2},blue:{hover:e.blue2,active:e.blue2,focus:e.blue2,default:e.blue2},green:{hover:e.green2,active:e.green2,focus:e.green2,default:e.green2},disabled:{hover:e.gray3,active:e.gray3,focus:e.gray3,default:e.gray3}}},u=function(e){return{default:{hover:e.gray0,active:e.gray0,focus:e.white,default:e.white},red:{hover:e.red0,active:e.red0,focus:e.white,default:e.white},blue:{hover:e.blue0,active:e.blue0,focus:e.white,default:e.white},green:{hover:e.green0,active:e.green0,focus:e.white,default:e.white},disabled:{hover:e.gray1,active:e.gray1,focus:e.gray1,default:e.gray1}}},d=function(e){return{default:{hover:e.black,active:e.black,focus:e.black,default:e.black},red:{hover:e.red2,active:e.red2,focus:e.red2,default:e.red2},blue:{hover:e.blue2,active:e.blue2,focus:e.blue2,default:e.blue2},green:{hover:e.green2,active:e.green2,focus:e.green2,default:e.green2},disabled:{hover:e.gray5,active:e.gray5,focus:e.gray5,default:e.gray5}}},g=function(e){return{default:{hover:e.none,active:e.gray0,focus:e.gray0,default:e.none},red:{hover:e.none,active:e.red0,focus:e.red0,default:e.none},blue:{hover:e.none,active:e.blue0,focus:e.blue0,default:e.none},green:{hover:e.none,active:e.green0,focus:e.green0,default:e.none},disabled:{hover:e.none,active:e.none,focus:e.none,default:e.none}}},s={minor:l.radii[1],mid:l.radii[2],major:l.radii[3]},c=o({colors:o({},a)},l,{boxRadii:s,reset:t,borderColor:i(a),backgroundColor:u(a),textColor:d(a),outlineColor:g(a)}),b=o({colors:o({},n)},l,{reset:t,boxRadii:s,borderColor:i(n),backgroundColor:u(n),textColor:d(n),outlineColor:g(n)}),f=r;exports.dark=c,exports.light=b,exports.styled=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=(e=require("styled-components"))&&"object"==typeof e&&"default"in e?e.default:e;function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e}).apply(this,arguments)}var a={util:"#FFFF00",none:"rgba(0,0,0,0)",black:"#000000",gray8:"#222222",gray7:"#333333",gray6:"#555555",gray5:"#808080",gray4:"#999999",gray3:"#AAAAAA",gray2:"#CCCCCC",gray1:"#EEEEEE",gray0:"#F4F4F4",white:"#FFFFFF",red2:"#3C0003",red1:"#FF4136",red0:"#FFEBEF",yellow2:"#3D1900",yellow1:"#FFC700",yellow0:"#FFF8DF",green2:"#002E1F",green1:"#009F65",green0:"#E0FFE7",blue2:"#001A46",blue1:"#219DFF",blue0:"#E1F1FF"},n={util:"#FFFF00",none:"rgba(0,0,0,0)",black:a.white,gray8:a.gray0,gray7:a.gray1,gray6:a.gray2,gray5:a.gray3,gray4:a.gray4,gray3:a.gray5,gray2:a.gray6,gray1:a.gray7,gray0:a.gray8,white:a.black,red2:a.red0,red1:a.red1,red0:a.red2,yellow2:a.yellow0,yellow1:a.yellow1,yellow0:a.yellow2,green2:a.green0,green1:a.green1,green0:a.green2,blue2:a.blue0,blue1:a.blue1,blue0:a.blue2},t="\n  html, body, div, span, applet, object, iframe,\n  h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n  a, abbr, acronym, address, big, cite, code,\n  del, dfn, em, img, ins, kbd, q, s, samp,\n  small, strike, strong, sub, sup, tt, var,\n  b, u, i, center,\n  dl, dt, dd, ol, ul, li,\n  fieldset, form, label, legend,\n  table, caption, tbody, tfoot, thead, tr, th, td,\n  article, aside, canvas, details, embed,\n  figure, figcaption, footer, header, hgroup,\n  menu, nav, output, ruby, section, summary,\n  time, mark, audio, video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font-size: 100%;\n    font: inherit;\n    vertical-align: baseline;\n    box-sizing: border-box;\n    font-weight: normal;\n  }\n  body {\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  ol, ul {\n    list-style: none;\n  }\n  blockquote, q {\n    quotes: none;\n  }\n  blockquote:before, blockquote:after,\n  q:before, q:after {\n    content: '';\n    content: none;\n  }\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n",l={fonts:{sans:"\"Inter\", \"Inter UI\", -apple-system, BlinkMacSystemFont, 'San Francisco', 'Helvetica Neue', Arial, sans-serif",mono:'"Source Code Pro", "Roboto mono", "Courier New", monospace'},fontSizes:[10,11,12,14,16,20,24,32,48],fontWeights:{thin:300,regular:400,bold:500},lineHeights:{short:1.333334,regular:1.5,tall:1.666667},borders:["none","1px solid"],space:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],radii:[0,4,8,12,16,20,24,32],sizes:[0,4,8,12,16,20,24,32,48,64,96,160,288,448,736],zIndices:[0,1,2,3,4,5,6,7,8,9,10],breakpoints:["768px","1024px","1440px"]},i=function(e){return{default:{hover:e.gray2,active:e.gray2,focus:e.gray2,default:e.gray2},caution:{hover:e.red1,active:e.red1,focus:e.red1,default:e.red1},primary:{hover:e.blue1,active:e.blue1,focus:e.blue1,default:e.blue1},disabled:{hover:e.gray3,active:e.gray3,focus:e.gray3,default:e.gray3}}},u=function(e){return{default:{hover:e.gray0,active:e.gray0,focus:e.white,default:e.white},caution:{hover:e.red0,active:e.red0,focus:e.white,default:e.white},primary:{hover:e.blue0,active:e.blue0,focus:e.white,default:e.white},disabled:{hover:e.gray1,active:e.gray1,focus:e.gray1,default:e.gray1}}},d=function(e){return{default:{hover:e.black,active:e.black,focus:e.black,default:e.black},caution:{hover:e.red1,active:e.red1,focus:e.red1,default:e.red1},primary:{hover:e.blue1,active:e.blue1,focus:e.blue1,default:e.blue1},disabled:{hover:e.gray5,active:e.gray5,focus:e.gray5,default:e.gray5}}},s=function(e){return{default:{hover:e.none,active:e.gray0,focus:e.gray0,default:e.none},caution:{hover:e.none,active:e.red0,focus:e.red0,default:e.none},primary:{hover:e.none,active:e.blue0,focus:e.blue0,default:e.none},disabled:{hover:e.none,active:e.none,focus:e.none,default:e.none}}},c={minor:l.radii[1],mid:l.radii[2],major:l.radii[3]},g=o({colors:o({},n)},l,{boxRadii:c,reset:t,borderColor:i(n),backgroundColor:u(n),textColor:d(n),outlineColor:s(n)}),b=o({colors:o({},a)},l,{reset:t,boxRadii:c,borderColor:i(a),backgroundColor:u(a),textColor:d(a),outlineColor:s(a)}),y=r;exports.dark=g,exports.light=b,exports.styled=y;
 //# sourceMappingURL=indigo-tokens.cjs.production.min.js.map

dist/indigo-tokens.esm.js

@@ -29,3 +29,3 @@ import baseStyled from 'styled-components';
   gray6: '#555555',
-  gray5: '#777777',
+  gray5: '#808080',
   gray4: '#999999',
@@ -38,25 +38,17 @@ gray3: '#AAAAAA',
   // Red
-  red4: '#380100',
-  red3: '#AA160D',
-  red2: '#FF4136',
-  red1: '#f59b9b',
-  red0: '#ffebef',
+  red2: '#3C0003',
+  red1: '#FF4136',
+  red0: '#FFEBEF',
   // Yellow
-  yellow4: '#E65100',
-  yellow3: '#FFB700',
-  yellow2: '#FFD700',
-  yellow1: '#FBF1A9',
-  yellow0: '#fffde5',
+  yellow2: '#3D1900',
+  yellow1: '#FFC700',
+  yellow0: '#FFF8DF',
   // Green
-  green4: '#033827',
-  green3: '#0B714D',
-  green2: '#0ca36b',
-  green1: '#9EEBCF',
-  green0: '#e5f5ee',
+  green2: '#002E1F',
+  green1: '#009F65',
+  green0: '#E0FFE7',
   // Blue
-  blue4: '#001B44',
-  blue3: '#00449E',
-  blue2: '#2196F3',
-  blue1: '#90CAF9',
-  blue0: '#E3F2FD'
+  blue2: '#001A46',
+  blue1: '#219DFF',
+  blue0: '#E1F1FF'
 };
@@ -80,25 +72,17 @@
   // Red
-  red4: colors.red0,
-  red3: colors.red1,
-  red2: colors.red2,
-  red1: colors.red3,
-  red0: colors.red4,
+  red2: colors.red0,
+  red1: colors.red1,
+  red0: colors.red2,
   // Yellow
-  yellow4: colors.yellow0,
-  yellow3: colors.yellow1,
-  yellow2: colors.yellow2,
-  yellow1: colors.yellow3,
-  yellow0: colors.yellow4,
+  yellow2: colors.yellow0,
+  yellow1: colors.yellow1,
+  yellow0: colors.yellow2,
   // Green
-  green4: colors.green0,
-  green3: colors.green1,
-  green2: colors.green2,
-  green1: colors.green3,
-  green0: colors.green4,
+  green2: colors.green0,
+  green1: colors.green1,
+  green0: colors.green2,
   // Blue
-  blue4: colors.blue0,
-  blue3: colors.blue1,
-  blue2: colors.blue2,
-  blue1: colors.blue3,
-  blue0: colors.blue4
+  blue2: colors.blue0,
+  blue1: colors.blue1,
+  blue0: colors.blue2
 };
@@ -148,20 +132,14 @@
     },
-    red: {
-      hover: colors.red2,
-      active: colors.red2,
-      focus: colors.red2,
-      "default": colors.red2
+    caution: {
+      hover: colors.red1,
+      active: colors.red1,
+      focus: colors.red1,
+      "default": colors.red1
     },
-    blue: {
-      hover: colors.blue2,
-      active: colors.blue2,
-      focus: colors.blue2,
-      "default": colors.blue2
+    primary: {
+      hover: colors.blue1,
+      active: colors.blue1,
+      focus: colors.blue1,
+      "default": colors.blue1
     },
-    green: {
-      hover: colors.green2,
-      active: colors.green2,
-      focus: colors.green2,
-      "default": colors.green2
-    },
     disabled: {
@@ -184,3 +162,3 @@ hover: colors.gray3,
     },
-    red: {
+    caution: {
       hover: colors.red0,
@@ -191,3 +169,3 @@ active: colors.red0,
     },
-    blue: {
+    primary: {
       hover: colors.blue0,
@@ -198,8 +176,2 @@ active: colors.blue0,
     },
-    green: {
-      hover: colors.green0,
-      active: colors.green0,
-      focus: colors.white,
-      "default": colors.white
-    },
     disabled: {
@@ -222,20 +194,14 @@ hover: colors.gray1,
     },
-    red: {
-      hover: colors.red2,
-      active: colors.red2,
-      focus: colors.red2,
-      "default": colors.red2
+    caution: {
+      hover: colors.red1,
+      active: colors.red1,
+      focus: colors.red1,
+      "default": colors.red1
     },
-    blue: {
-      hover: colors.blue2,
-      active: colors.blue2,
-      focus: colors.blue2,
-      "default": colors.blue2
+    primary: {
+      hover: colors.blue1,
+      active: colors.blue1,
+      focus: colors.blue1,
+      "default": colors.blue1
     },
-    green: {
-      hover: colors.green2,
-      active: colors.green2,
-      focus: colors.green2,
-      "default": colors.green2
-    },
     disabled: {
@@ -258,3 +224,3 @@ hover: colors.gray5,
     },
-    red: {
+    caution: {
       hover: colors.none,
@@ -265,3 +231,3 @@ active: colors.red0,
     },
-    blue: {
+    primary: {
       hover: colors.none,
@@ -272,8 +238,2 @@ active: colors.blue0,
     },
-    green: {
-      hover: colors.none,
-      active: colors.green0,
-      focus: colors.green0,
-      "default": colors.none
-    },
     disabled: {
@@ -280,0 +240,0 @@ hover: colors.none,

dist/outlineColor.d.ts

@@ -15,19 +15,11 @@ declare const outlineColor: (colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -43,3 +35,3 @@ blue1: string;
     };
-    red: {
+    caution: {
         hover: string;
@@ -50,3 +42,3 @@ active: string;
     };
-    blue: {
+    primary: {
         hover: string;
@@ -57,8 +49,2 @@ active: string;
     };
-    green: {
-        hover: string;
-        active: string;
-        focus: string;
-        default: string;
-    };
     disabled: {
@@ -65,0 +51,0 @@ hover: string;

dist/textColor.d.ts

@@ -15,19 +15,11 @@ declare const textColor: (colors: {
     white: string;
-    red4: string;
-    red3: string;
     red2: string;
     red1: string;
     red0: string;
-    yellow4: string;
-    yellow3: string;
     yellow2: string;
     yellow1: string;
     yellow0: string;
-    green4: string;
-    green3: string;
     green2: string;
     green1: string;
     green0: string;
-    blue4: string;
-    blue3: string;
     blue2: string;
@@ -43,3 +35,3 @@ blue1: string;
     };
-    red: {
+    caution: {
         hover: string;
@@ -50,3 +42,3 @@ active: string;
     };
-    blue: {
+    primary: {
         hover: string;
@@ -57,8 +49,2 @@ active: string;
     };
-    green: {
-        hover: string;
-        active: string;
-        focus: string;
-        default: string;
-    };
     disabled: {
@@ -65,0 +51,0 @@ hover: string;

package.json

 {
   "name": "@tlon/indigo-tokens",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "description": "Tlon's design language",
@@ -5,0 +5,0 @@ "author": "tlon",

README.md

 # indigo-tokens
-![npm (scoped)](https://img.shields.io/npm/v/@tlon/indigo-tokens?style=plastic)
-![npm bundle size](https://img.shields.io/bundlephobia/min/@tlon/indigo-tokens?style=plastic)
+[![npm (scoped)](https://img.shields.io/npm/v/@tlon/indigo-tokens?style=plastic)](https://www.npmjs.com/package/@tlon/indigo-tokens)
+[![GitHub commit activity](https://img.shields.io/github/commit-activity/m/urbit/indigo-tokens?style=plastic)](https://www.github.com/urbit/indigo-tokens)
+[![npm bundle size](https://img.shields.io/bundlephobia/min/@tlon/indigo-tokens?style=plastic)](https://www.npmjs.com/package/@tlon/indigo-tokens)
 ![NPM](https://img.shields.io/npm/l/@tlon/indigo-tokens?style=plastic)
 
+**Related**: [indigo-react](https://www.github.com/urbit/indigo-react),
+[indigo-static](https://www.github.com/urbit/indigo-static)
 
-[Github Repo](https://www.github.com/urbit/indigo-tokens)
-
-Indigo tokens are named style attributes we use to maintain a consistent and scalable system. All attributes live inside `index.js`.
-
-##### Related
-
-[indigo-react on GitHub](https://www.github.com/urbit/indigo-react)
-
-[indigo-static on GitHub](https://www.github.com/urbit/indigo-static)
-
 ## Quick Start
@@ -22,1 +15,3 @@
 ```
+
+`indigo-tokens` is a [`styled-components`](https://styled-system.com/theme-specification) compatible theme.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

88732

decreased by-9.74%

Lines of code

1474

decreased by-9.4%

Number of lines in readme file

17

decreased by-22.73%

No dependency changes