@drivy/cobalt 1.1.5 → 1.2.0

package/components/Callout/index.js

@@ -11,7 +11,7 @@ const Callout = ({ title, children, status = "info", close, }) => (React.createE
     title && React.createElement("div", { className: "cobalt-Callout__Title" }, title),
     React.createElement("div", null, children),
     close && (React.createElement("button", { className: "cobalt-Callout__Close", onClick: close, type: "button" },
-        React.createElement(CloseIcon, { color: "subduedInteractive", contained: true, size: 16 })))));
+        React.createElement(CloseIcon, { color: "subdued", size: 16, contained: true })))));
 
 export { Callout, Callout as default };
 //# sourceMappingURL=index.js.map

package/components/Callout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { CloseIcon } from \"../Icon\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <div>{children}</div>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <CloseIcon color=\"subduedInteractive\" contained size={16} />\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;;;AAWa,MAAA,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,KAAK,GACQ,MACb,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE;QAC9B,sBAAsB,EAAE,MAAM,KAAK,MAAM;QACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;QAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;KAChD,CAAC,EAAA;AAED,IAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO;AACpB,IAAA,KAAK,KACJ,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,oBAAoB,EAAC,SAAS,EAAA,IAAA,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,CACrD,CACV,CACG;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { CloseIcon } from \"../Icon\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <div>{children}</div>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <CloseIcon color=\"subdued\" size={16} contained />\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;;;AAWa,MAAA,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,KAAK,GACQ,MACb,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE;QAC9B,sBAAsB,EAAE,MAAM,KAAK,MAAM;QACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;QAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;KAChD,CAAC,EAAA;AAED,IAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;AAC9D,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,QAAQ,CAAO;AACpB,IAAA,KAAK,KACJ,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAG,IAAA,EAAA,CAAA,CAC1C,CACV,CACG;;;;"}

package/index.js

@@ -10,7 +10,6 @@ export { Callout } from './components/Callout/index.js';
 export { default as Cell, Cells } from './components/Cell/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
 export { Flag } from './components/Flag/index.js';
-export { Flash } from './components/Flash/index.js';
 export { default as Helper } from './components/Helper/index.js';
 export { CalendarRangePicker } from './components/Calendar/CalendarRangePicker/CalendarRangePicker.js';
 export { CalendarDayPicker } from './components/Calendar/CalendarDayPicker/CalendarDayPicker.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/src/index.d.ts",
@@ -28,7 +28,7 @@
     "date-fns": "2.30.0",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
-    "nanoid": "5.1.4",
+    "nanoid": "5.1.5",
     "postcss": "8.5.3",
     "tailwindcss": "3.4.17",
     "tippy.js": "6.3.7"
@@ -59,17 +59,17 @@
     "@types/jest": "29.5.14",
     "@types/lodash.throttle": "4.1.9",
     "@types/media-typer": "1.1.3",
-    "@types/node": "22.13.10",
+    "@types/node": "22.13.17",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "autoprefixer": "10.4.21",
     "core-js": "3.41.0",
     "css-loader": "7.1.2",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-storybook": "^0.12.0",
     "file-loader": "6.2.0",
     "fs-extra": "11.3.0",
-    "html-entities": "2.5.2",
+    "html-entities": "2.6.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "nested-object-access": "^0.2.5",
@@ -82,14 +82,14 @@
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "15.6.1",
     "react-test-renderer": "18.3.1",
-    "react-textarea-autosize": "8.5.8",
+    "react-textarea-autosize": "8.5.9",
     "regenerator-runtime": "0.14.1",
     "remark-gfm": "^3.0.1",
     "rollup": "2.79.2",
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-svgo": "2.0.0",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.86.0",
+    "sass": "1.86.1",
     "sass-loader": "13.3.3",
     "sharp": "0.33.5",
     "sharp-cli": "5.1.0",
@@ -98,7 +98,7 @@
     "stylelint": "15.11.0",
     "svg2vectordrawable": "2.9.1",
     "svgo": "3.3.2",
-    "ts-jest": "29.2.6",
+    "ts-jest": "29.3.1",
     "tsx": "4.19.3",
     "typescript": "5.4.5"
   },

package/src/tokens/breakpoints.js

@@ -2,12 +2,12 @@ const xs = "480px";
 const sm = "768px";
 const md = "992px";
 const lg = "1200px";
-var require$$0 = {
+var require$$1 = {
 	xs: xs,
 	sm: sm,
 	md: md,
 	lg: lg
 };
 
-export { require$$0 as default, lg, md, sm, xs };
+export { require$$1 as default, lg, md, sm, xs };
 //# sourceMappingURL=breakpoints.js.map

package/src/tokens/colors.js

@@ -33,7 +33,7 @@ const deprecatedSeasonLow = "#BDFFAC";
 const deprecatedSeasonMedium = "#94EA84";
 const deprecatedSeasonHigh = "#73C865";
 const deprecatedSeasonVeryHigh = "#54A949";
-var require$$1 = {
+var require$$2 = {
 	white: white,
 	grey: grey,
 	indigo: indigo,
@@ -53,5 +53,5 @@ var require$$1 = {
 	deprecatedSeasonVeryHigh: deprecatedSeasonVeryHigh
 };
 
-export { amber, blue, coral, require$$1 as default, deprecatedBlueGhost, deprecatedDriver, deprecatedSeasonHigh, deprecatedSeasonLow, deprecatedSeasonMedium, deprecatedSeasonVeryHigh, graphite, green, grey, indigo, purple, red, turquoise, white };
+export { amber, blue, coral, require$$2 as default, deprecatedBlueGhost, deprecatedDriver, deprecatedSeasonHigh, deprecatedSeasonLow, deprecatedSeasonMedium, deprecatedSeasonVeryHigh, graphite, green, grey, indigo, purple, red, turquoise, white };
 //# sourceMappingURL=colors.js.map

package/src/tokens/zIndexes.js

@@ -7,7 +7,7 @@ const header = 30;
 const sidepanel = 80;
 const modal = 90;
 const alert = 100;
-var require$$2 = {
+var require$$3 = {
 	below: below,
 	base: base,
 	above: above,
@@ -32,5 +32,5 @@ var require$$2 = {
 	"autocomplete-popover": 2147483647
 };
 
-export { above, alert, base, below, require$$2 as default, dropdown, header, modal, nav, sidepanel };
+export { above, alert, base, below, require$$3 as default, dropdown, header, modal, nav, sidepanel };
 //# sourceMappingURL=zIndexes.js.map

package/styles/components/Accordion/index.scss

@@ -10,7 +10,7 @@
   }
 
   &accordion__header {
-    @apply c-text-title-xs c-p-sm c-bg-secondary c-cursor-pointer c-gap-sm;
+    @apply c-text-title-xs c-p-sm c-bg-secondary c-cursor-pointer c-state-interactive c-transition-interactive c-gap-sm;
 
     width: 100%;
     display: flex;

package/styles/components/Buttons/DefaultButton/index.scss

@@ -1,19 +1,11 @@
 .cob-Button__default {
-  @include semantic-color(
-    buttonBackground,
-    secondaryInteractive,
-    background-color
-  );
-  @include semantic-color(stroke, baseInteractive, border-color);
-  @include semantic-color(buttonLabel, secondaryInteractive, color);
+  @include semantic-color(buttonBackground, secondary, background-color);
+  @include semantic-color(stroke, strong, border-color);
+  @include semantic-color(buttonLabel, secondary, color);
 
   &--primary {
-    @include semantic-color(
-      buttonBackground,
-      primaryInteractive,
-      background-color
-    );
-    @include semantic-color(buttonLabel, primaryInteractive, color);
+    @include semantic-color(buttonBackground, primary, background-color);
+    @include semantic-color(buttonLabel, primary, color);
 
     border-color: transparent;
 
@@ -24,12 +16,8 @@
     }
 
     &.cob-Button__default--destructive {
-      @include semantic-color(
-        buttonBackground,
-        destructiveInteractive,
-        background-color
-      );
-      @include semantic-color(buttonLabel, destructiveInteractive, color);
+      @include semantic-color(buttonBackground, destructive, background-color);
+      @include semantic-color(buttonLabel, destructive, color);
 
       border-color: transparent;
     }

package/styles/components/Buttons/GhostButton/index.scss

@@ -1,10 +1,6 @@
 .cob-Button__ghost {
-  @include semantic-color(buttonLabel, tertiaryInteractive, color);
-  @include semantic-color(
-    buttonBackground,
-    tertiaryInteractive,
-    background-color
-  );
+  @include semantic-color(buttonLabel, tertiary, color);
+  @include semantic-color(buttonBackground, tertiary, background-color);
   border-color: transparent;
 
   box-shadow: none;
@@ -32,11 +28,7 @@
   &[disabled],
   &[data-disabled]:not([data-disabled="false"]),
   &.cob-Button--disabled {
-    @include semantic-color(
-      buttonBackground,
-      tertiaryInteractive,
-      background-color
-    );
+    @include semantic-color(buttonBackground, tertiary, background-color);
     border-color: transparent;
 
     &:hover,

package/styles/components/Buttons/index.scss

@@ -24,6 +24,7 @@
 }
 
 .cob-Button {
+  @apply c-state-interactive c-transition;
   @include cob-button-sizing(
     $height: 40px,
     $line-height: 20px,
@@ -49,10 +50,6 @@
 
   cursor: pointer;
   user-select: none;
-  transition-property: background-color, border, box-shadow, color, transform,
-    fill;
-  transition-duration: 0.15s;
-  transition-timing-function: ease-out;
   appearance: none;
 
   &:hover {
@@ -97,6 +94,7 @@
   &[disabled],
   &[data-disabled]:not([data-disabled="false"]),
   &.cob-Button--disabled {
+    @apply c-state-none;
     @include semantic-color(buttonBackground, disabled, background-color);
     @include semantic-color(buttonLabel, disabled, color);
     @include semantic-color(stroke, subdued, border-color);

package/styles/components/Callout/index.scss

@@ -55,7 +55,7 @@
     cursor: pointer;
 
     .cobalt-Icon {
-      transition: fill 0.2s;
+      @apply c-state-interactive c-transition-interactive;
     }
   }
 }

package/styles/components/Chip/index.scss

@@ -5,7 +5,7 @@ $chip-large-height: 50px;
 
 .cobalt- {
   &Chip {
-    @apply c-border c-border-base c-bg-secondary;
+    @apply c-border c-border-base c-bg-secondary c-transition-colors;
 
     position: relative;
 
@@ -21,9 +21,8 @@ $chip-large-height: 50px;
   }
 
   &Chip--interactive {
-    @apply c-border-baseInteractive;
-
     &:not([disabled]) {
+      @apply c-state-interactive;
       cursor: pointer;
     }
   }

package/styles/components/Form/Autocomplete/index.scss

@@ -108,7 +108,7 @@
   }
 
   .cobalt-TextField__Input[type][data-state="open"] {
-    @apply c-border-accent c-border-2;
+    @apply c-border-accent;
   }
 
   .cobalt-TextField__Icon {

package/styles/components/Form/CheckablePill.scss

@@ -3,7 +3,6 @@
 .cobalt-CheckablePillField {
   $self: &;
   $height: 40px;
-  $animation-duration: 100ms;
   $toggle-switch-focus-offset: math.div($height, 10);
 
   position: relative;
@@ -28,7 +27,7 @@
   }
 
   &__Label {
-    @apply c-border-base c-border-2 c-text-base c-bg-secondary c-py-none c-px-md;
+    @apply c-border-base c-border-2 c-text-base c-bg-secondary c-py-none c-px-md c-state-interactive c-transition;
     position: relative;
 
     display: flex;
@@ -41,10 +40,7 @@
 
     border-radius: math.div($height, 2);
 
-    transition: $animation-duration;
-
     &:hover {
-      @apply c-border-accent;
       box-shadow: 0 4px 4px 0 rgba(#000, 0.16);
 
       transform: translateY(-1px);
@@ -71,7 +67,7 @@
   }
 
   &__Input:disabled + #{ $self }__Label {
-    @apply c-border-base c-border-2 c-bg-disabled;
+    @apply c-border-base c-border-2 c-bg-disabled c-state-none;
 
     cursor: default;
     box-shadow: none;
@@ -87,9 +83,7 @@
   &--with-icon {
     .cobalt-Icon {
       @include semantic-color(icon, base, fill);
-      @apply c-mr-xs;
-
-      transition: fill $animation-duration ease-in-out;
+      @apply c-mr-xs c-transition-colors;
     }
 
     #{ $self }__Input:checked + #{ $self }__Label .cobalt-Icon {

package/styles/components/Form/Checkmark.scss

@@ -21,15 +21,17 @@
       opacity: 0;
 
       & + #{ $self }__Checkmark {
-        @apply c-border-accent c-border-2 c-mr-xs;
+        @apply c-border-accent c-border-2 c-mr-xs c-transition-colors;
         display: inline-block;
 
         flex: 0 0 auto;
 
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
         cursor: pointer;
+      }
 
-        transition: border-color 150ms ease-in-out;
+      &:not([disabled]) + #{ $self }__Checkmark {
+        @apply c-state-interactive;
       }
 
       &[disabled] ~ .cobalt-CheckmarkField__Label {
@@ -53,7 +55,7 @@
       }
 
       & + #{ $self }__Checkmark::after {
-        @apply c-border-accent c-bg-accentAlt c-rounded-full;
+        @apply c-border c-border-accent c-bg-accentAlt c-rounded-full;
 
         // Exception for radio inputs
         border-width: 5px;
@@ -75,13 +77,13 @@
       }
 
       &[disabled] + #{ $self }__Checkmark {
-        @apply c-border-subdued;
+        @apply c-border c-border-subdued;
 
         box-shadow: none;
       }
 
       &[disabled]:checked ~ #{ $self }__Checkmark::after {
-        @apply c-border-subdued c-bg-disabled;
+        @apply c-border c-border-subdued c-bg-disabled;
       }
     }
 
@@ -127,7 +129,7 @@
       }
 
       &[disabled] + #{ $self }__Checkmark {
-        @apply c-border-subdued;
+        @apply c-border c-border-subdued;
 
         box-shadow: none;
       }
@@ -151,15 +153,15 @@
 
     &--error {
       #{ $self }__Input + #{ $self }__Checkmark {
-        @apply c-border-error;
+        @apply c-border-2 c-border-error;
       }
 
       #{ $self }__Input[type="radio"]:checked + #{ $self }__Checkmark::after {
-        @apply c-border-error c-bg-errorInteractive;
+        @apply c-border c-border-error c-bg-error;
       }
 
       #{ $self }__Input[type="checkbox"]:checked + #{ $self }__Checkmark {
-        @apply c-bg-errorInteractive;
+        @apply c-bg-error;
       }
     }
   }

package/styles/components/Form/RadioWithDetails.scss

@@ -9,7 +9,7 @@
   --visual-radio-size: 18px;
 
   .cobalt-radio-with-details__inner {
-    @apply c-border c-border-baseInteractive c-text-base c-bg-secondary;
+    @apply c-border c-border-base c-rounded-lg c-text-base c-bg-secondary c-state-interactive c-transition-colors;
     height: 100%;
     display: flex;
     flex-direction: row;
@@ -18,9 +18,6 @@
     padding: spacing(sm);
 
     cursor: pointer;
-    @apply c-rounded-lg;
-
-    transition: all 120ms ease-in-out;
 
     gap: spacing(xs);
   }
@@ -43,8 +40,6 @@
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
-
-    transition: color 150ms ease-in-out;
   }
 
   .cobalt-radio-with-details__description {
@@ -52,8 +47,6 @@
     font-family: font-family(base);
     font-size: 14px;
     line-height: 20px;
-
-    transition: color 150ms ease-in-out;
   }
 
   .cobalt-radio-with-details__input {
@@ -79,8 +72,6 @@
 
       @apply c-rounded-full;
       cursor: pointer;
-
-      transition: border-color 150ms ease-in-out;
     }
 
     &:focus-visible + #{ $self }__inner {
@@ -91,17 +82,13 @@
     }
 
     &:checked + #{ $self }__inner {
-      @apply c-border-accent c-text-accentAlt c-bg-accentAlt;
+      @apply c-border c-border-accent c-text-accentAlt c-bg-accentAlt c-state-interactive c-transition-interactive;
     }
 
     &:checked + #{ $self }__inner .cobalt-Icon {
       @include fill-color(accent);
     }
 
-    &:checked + #{ $self }__inner .cobalt-contained-icon {
-      @apply c-bg-accentAlt;
-    }
-
     &:checked + #{ $self }__inner #{ $self }__visual-input {
       @include semantic-color(icon, accentAlt, border-color);
     }
@@ -112,7 +99,7 @@
     }
 
     & + #{ $self }__inner #{ $self }__visual-input::after {
-      @apply c-border-accent c-bg-accentAlt;
+      @apply c-border c-border-accent c-bg-accentAlt;
       left: 2px;
       top: 2px;
 
@@ -137,6 +124,7 @@
     }
 
     &[disabled] + #{ $self }__inner {
+      @apply c-state-none;
       opacity: 0.7;
       cursor: not-allowed;
     }

package/styles/components/Form/Select.scss

@@ -11,17 +11,16 @@
     &__Input {
       @include form-input-base($self);
 
-      @apply c-pr-lg;
+      @apply c-pr-lg c-cursor-pointer;
 
       line-height: 20px;
 
+      background-color: theme("semanticStateColor.interactive.DEFAULT");
       background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2000000'><polygon points='0,0 100,0 50,50'/></svg>");
       background-size: 10px;
       background-position: calc(100% - 12px) 19px;
       background-repeat: no-repeat;
 
-      -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
-      -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
       appearance: none;
 
       // select placeholder
@@ -30,8 +29,21 @@
         opacity: 0.7;
       }
 
-      &[disabled] {
+      &:hover,
+      &:focus {
+        background-color: theme("semanticStateColor.interactive.hover");
+      }
+
+      &:active {
+        background-color: theme("semanticStateColor.interactive.press");
+      }
+
+      &[disabled],
+      &[disabled]:hover,
+      &[disabled]:focus,
+      &[disabled]:active {
         background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgba(0,0,0,0.2)'><polygon points='0,0 100,0 50,50'/></svg>");
+        background-color: theme("semanticStateColor.interactive.DEFAULT");
       }
     }
   }

package/styles/components/Form/TextInput.scss

@@ -36,10 +36,6 @@
         padding-left: 40px;
       }
 
-      #{ $self }__Input:focus {
-        padding-left: 39px;
-      }
-
       #{ $self }__Input + #{ $self }__Icon {
         @include semantic-color(icon, accent, fill);
         pointer-events: none;

package/styles/components/Form/form.scss

@@ -1,5 +1,5 @@
 @mixin form-input-base($container) {
-  @apply c-text-base c-border c-border-strongInteractive c-bg-secondary;
+  @apply c-text-base c-border c-border-strong c-bg-secondary c-state-interactive c-transition-colors;
   @include withContext(#{$container}--success) {
     @apply c-border-success;
 
@@ -31,18 +31,15 @@
 
   border-radius: 4px;
 
-  transition: border-color 150ms ease-in-out;
-
   &:not(:disabled):not(:read-only):hover {
     @apply c-text-base;
-
-    box-shadow: elevation(base);
   }
 
   &:not(:disabled):not(:read-only):focus {
-    @apply c-border-accent c-border-2;
+    @apply c-border-accent;
 
     outline: none;
+    box-shadow: inset 0 0 0 1px theme("semanticBorderColor.accent");
   }
 
   &:not(select):read-only:focus {

package/styles/components/Layout/Components/index.scss

@@ -22,7 +22,7 @@
   @apply c-inline-flex c-items-center;
 
   a {
-    @apply c-inline-flex c-gap-2xs c-no-underline c-text-body-md c-text-accentInteractive c-font-bold c-cursor-pointer hover:c-underline;
+    @apply c-inline-flex c-gap-2xs c-no-underline c-text-body-md c-text-accent c-font-bold c-cursor-pointer hover:c-underline;
   }
 }
 
@@ -59,8 +59,8 @@ div.cobalt-layout-stack {
     @apply [text-decoration:inherit] [font-weight:inherit];
   }
 
-  a.cobalt-layout-stack__item[href]:hover {
-    @apply c-bg-neutralAlt;
+  a.cobalt-layout-stack__item[href] {
+    @apply c-state-interactive c-transition-interactive;
   }
 
   a.cobalt-layout-stack__item[href]:first-child {

package/styles/components/TabBar/index.scss

@@ -79,7 +79,7 @@
   }
 
   &Tab {
-    @apply c-text-section-heading c-bg-secondaryInteractive;
+    @apply c-text-section-heading c-bg-secondary c-state-interactive c-transition-interactive;
 
     position: relative;
     z-index: theme("zIndex.above");
@@ -100,10 +100,8 @@
     line-height: 1;
 
     outline: none;
-    background: none;
     cursor: pointer;
 
-    transition: 0.2s color;
     appearance: none;
 
     &:after {

package/styles/components/Tabs/index.scss

@@ -14,7 +14,7 @@
 }
 
 .cobalt-tabs__label {
-  @apply c-text-section-heading c-bg-secondaryInteractive c-p-md;
+  @apply c-text-section-heading c-p-md c-bg-secondary c-state-interactive c-transition-interactive;
   position: relative;
 
   display: flex;
@@ -30,11 +30,8 @@
   line-height: 1;
 
   outline: none;
-  background: none;
   cursor: pointer;
 
-  transition: 0.2s color;
-
   &[data-selected] {
     @apply c-text-base;
   }

package/styles/components.scss

@@ -11,7 +11,6 @@
 @import "./components/Helper/index";
 @import "./components/Modal/index";
 @import "./components/Flag/index";
-@import "./components/Flash/index";
 @import "./components/Icon/index";
 @import "./components/Layout/Components/index";
 @import "./components/Layout/Surfaces/index";

package/styles/core/text.scss

@@ -111,10 +111,14 @@
 }
 
 @mixin c-text-link {
-  @include text-color(baseInteractive);
+  @apply c-text-base;
   text-decoration: underline;
   font-weight: 500;
   text-underline-offset: 2px;
+
+  &:hover {
+    text-decoration: none;
+  }
 }
 
 // Default link styles

package/types/src/index.d.ts

@@ -10,7 +10,6 @@ export { Callout } from "./components/Callout";
 export { default as Cell, Cells } from "./components/Cell";
 export { EmptyState } from "./components/EmptyState";
 export { Flag } from "./components/Flag";
-export { Flash } from "./components/Flash";
 export { default as Helper } from "./components/Helper";
 export { CalendarRangePicker } from "./components/Calendar/CalendarRangePicker";
 export { CalendarDayPicker } from "./components/Calendar/CalendarDayPicker";

package/utilities.css

@@ -61,4 +61,10 @@
       transform: translateY(100%);
     }
   }
+
+  @property --c-state-interactive-color {
+    syntax: "<color>";
+    inherits: false;
+    initial-value: transparent;
+  }
 }

package/utils/getCobaltTailwindcssConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/thibaudesnouf/sources/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/cedric/Dev/drivy/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}

package/utils/getCobaltTailwindcssConfig2.js

@@ -1,6 +1,7 @@
-import require$$0 from '../src/tokens/breakpoints.js';
-import require$$1 from '../src/tokens/colors.js';
-import require$$2 from '../src/tokens/zIndexes.js';
+import require$$0 from 'tailwindcss/defaultTheme';
+import require$$1 from '../src/tokens/breakpoints.js';
+import require$$2 from '../src/tokens/colors.js';
+import require$$3 from '../src/tokens/zIndexes.js';
 import { __require as requireHelpers } from './helpers.js';
 import { __require as requireTailwindcssGenerators } from './tailwindcssGenerators.js';
 
@@ -23,12 +24,15 @@ var hasRequiredGetCobaltTailwindcssConfig;
 function requireGetCobaltTailwindcssConfig () {
 	if (hasRequiredGetCobaltTailwindcssConfig) return getCobaltTailwindcssConfig_1;
 	hasRequiredGetCobaltTailwindcssConfig = 1;
-	const breakpoints = require$$0;
-	const legacyColors = require$$1;
-	const zIndexes = require$$2;
+	const defaultTheme = require$$0;
+	const breakpoints = require$$1;
+	const legacyColors = require$$2;
+	const zIndexes = require$$3;
 	const { getColorsUsingCSSVariables } = requireHelpers();
 	const generators = requireTailwindcssGenerators();
 
+	const CSS_VAR_STATE_INTERACTIVE_COLOR = "--c-state-interactive-color";
+
 	const rem = (value) => `${value}rem`;
 
 	const REM = {
@@ -89,10 +93,30 @@ function requireGetCobaltTailwindcssConfig () {
 	    fill: false,
 	  },
 	  theme: {
+	    extend: {
+	      transitionProperty: {
+	        interactive: `${CSS_VAR_STATE_INTERACTIVE_COLOR}`,
+	        DEFAULT: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.DEFAULT}`,
+	        colors: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.colors}`,
+	      },
+	    },
 	    colors: {
 	      ...legacyColors, // deprecated
 	      current: "currentColor",
 	    },
+	    semanticStateColor: {
+	      interactive: {
+	        DEFAULT: "#00000000",
+	        hover: "#00000005",
+	        press: "#0000000F",
+	      },
+	      onDrag: "#00000029",
+	      none: {
+	        DEFAULT: "transparent",
+	        hover: "transparent",
+	        press: "transparent",
+	      },
+	    },
 	    semanticBorderColor: borderColors,
 	    semanticBackgroundColor: {
 	      ...bgColors,
@@ -293,6 +317,16 @@ function requireGetCobaltTailwindcssConfig () {
 	      classPrefix: "bg",
 	      cssProperty: "background-color",
 	    }),
+	    generators.getSemanticColorGenerator({
+	      type: "semanticStateColor",
+	      classPrefix: "state",
+	      cssProperty: CSS_VAR_STATE_INTERACTIVE_COLOR,
+	      additionalRules: {
+	        interactive: {
+	          "background-image": `linear-gradient(var(${CSS_VAR_STATE_INTERACTIVE_COLOR}), var(${CSS_VAR_STATE_INTERACTIVE_COLOR}))`,
+	        },
+	      },
+	    }),
 	    generators.getSemanticColorGenerator({
 	      type: "semanticFillColor",
 	      classPrefix: "accent",

package/utils/getCobaltTailwindcssConfig2.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCobaltTailwindcssConfig2.js","sources":["../../utils/getCobaltTailwindcssConfig.js"],"sourcesContent":["/*\n  FOR NODE ENVIRONMENT ONLY\n  Do never import tailwind file config (or helpers importing it) into Cobalt\n  components/stories on src/ side, it will result to have tailwindcss unecessary\n  dependencies into build files.\n  See https://github.com/tailwindcss/tailwindcss/issues/634#issuecomment-459740859\n  If you need data from the theme configuration, you can do the same as we did\n  for colors:\n    - create a json token file with the data needed (will be the single source of data)\n    - In the tailwindcss config file: import and use this json file\n    - In the src/ side: import and use this json file also\n*/\nconst breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst legacyColors = require(\"../src/tokens/colors.json\")\nconst zIndexes = require(\"../src/tokens/zIndexes.json\")\nconst { getColorsUsingCSSVariables } = require(\"./helpers\")\nconst generators = require(\"./tailwindcssGenerators\")\n\nconst rem = (value) => `${value}rem`\n\nconst REM = {\n  _12px: 0.75,\n  _14px: 0.875,\n  _15px: 0.9375,\n  _16px: 1,\n  _18px: 1.125,\n  _20px: 1.25,\n  _24px: 1.5,\n  _28px: 1.75,\n  _32px: 2,\n  _36px: 2.25,\n  _40px: 2.5,\n  _44px: 2.75,\n  _56px: 3.5,\n  _60px: 3.75,\n  _64px: 4,\n}\n\nconst {\n  stroke: borderColors,\n  background: bgColors,\n  fill: fillColors,\n  text: textColors,\n} = getColorsUsingCSSVariables({\n  additionalColors: { transparent: \"transparent\" },\n})\n\nconst baseFont =\n  \"BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif\"\n\nconst getCobaltTailwindcssConfig = ({ content, safelist = undefined }) => ({\n  content,\n  safelist: safelist,\n  prefix: \"c-\",\n  // utilities to disable\n  corePlugins: {\n    // Don't use Tailwindcss reset and default styles\n    preflight: false,\n    // Handle by custom classes via generators\n    letterSpacing: false,\n    lineHeight: false,\n    borderStyle: false,\n    borderWidth: false,\n    fontSize: false,\n    // Not needed, at least for now\n    textOpacity: false,\n    backgroundOpacity: false,\n    caretColor: false,\n    boxShadowColor: false,\n    ringOffsetColor: false,\n    gradientColorStops: false,\n    gradientColorStopPositions: false,\n    textDecorationColor: false,\n    // SVG color\n    stroke: false,\n    fill: false,\n  },\n  theme: {\n    colors: {\n      ...legacyColors, // deprecated\n      current: \"currentColor\",\n    },\n    semanticBorderColor: borderColors,\n    semanticBackgroundColor: {\n      ...bgColors,\n      ...{ fill: fillColors },\n    },\n    semanticFillColor: fillColors,\n    borderStyle: {\n      solid: \"solid\",\n      dashed: \"dashed\",\n      none: \"none\",\n    },\n    borderWidth: {\n      0: \"0\",\n      \"0_5\": \"0.5px\",\n      DEFAULT: \"1px\",\n      2: \"0.125rem\",\n      4: \".25rem\",\n    },\n    borderRadius: {\n      none: \"0\",\n      DEFAULT: \".25rem\", // c-rounded\n      md: \".375rem\",\n      lg: \".5rem\",\n      xl: \".75rem\",\n      \"2xl\": \"1rem\",\n      full: \"9999px\", // full rounded\n    },\n    boxShadow: {\n      DEFAULT: \"0 0.125rem 0.75rem rgba(0, 0, 0, 0.1)\", // c-shadow\n      md: \"0 0.25rem 1.5rem rgba(0, 0, 0, 0.15)\",\n      lg: \"0 0.375rem 2.25rem rgba(0, 0, 0, 0.2)\",\n    },\n    semanticTextColor: textColors,\n    fontFamily: {\n      base: baseFont,\n      brand: `BrownPro,${baseFont}`,\n      mono: \"Consolas,'Liberation Mono',Menlo,Courier,monospace\",\n    },\n    fontWeight: {\n      regular: \"400\",\n      bold: \"600\",\n    },\n    spacing: {\n      none: \"0\",\n      \"2xs\": \".25rem\",\n      xs: \".5rem\",\n      sm: \"1rem\",\n      md: \"1.5rem\",\n      lg: \"2rem\",\n      xl: \"3rem\",\n      \"2xl\": \"4rem\",\n    },\n    screens: { ...breakpoints },\n    zIndex: Object.fromEntries(\n      Object.entries(zIndexes).map(([key, value]) => [key, value.toString()])\n    ),\n    // custom properties, not processed by Tailwindcss itself\n    customText: ({ theme }) => ({\n      heading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._36px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._56px),\n          },\n        },\n      },\n      subheading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._28px),\n          },\n        },\n      },\n      \"title-xl\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._32px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._32px),\n        from: {\n          sm: {\n            fontSize: rem(REM._40px),\n            letterSpacing: rem((-2 / 100) * REM._40px),\n          },\n        },\n      },\n      \"title-lg\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._24px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._24px),\n        from: {\n          sm: {\n            fontSize: rem(REM._32px),\n            letterSpacing: rem((-2 / 100) * REM._32px),\n          },\n        },\n      },\n      \"title-md\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._20px),\n        from: {\n          sm: {\n            fontSize: rem(REM._24px),\n            letterSpacing: rem((-2 / 100) * REM._24px),\n          },\n        },\n      },\n      \"title-sm\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n        from: {\n          sm: {\n            fontSize: rem(REM._20px),\n            letterSpacing: rem((-2 / 100) * REM._20px),\n          },\n        },\n      },\n      \"title-xs\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n      },\n      //\n      \"body-lg\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._18px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-md\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._16px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-sm\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._12px),\n        lineHeight: rem(REM._16px),\n      },\n      \"section-heading\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._14px),\n        lineHeight: \"175%\",\n        fontWeight: 700,\n        textTransform: \"uppercase\",\n        letterSpacing: \"-0.2px\",\n        color: theme(\"semanticTextColor\").subdued,\n      },\n    }),\n  },\n  plugins: [\n    // custom typography classes\n    generators.text,\n    // custom border width classes (width default solid style)\n    generators.borderWidth,\n    // custom border style classes, must be after border width plugin\n    generators.borderStyle,\n    // Semantic colors (handling hover/press color states)\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"text\",\n      cssProperty: \"color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"placeholder\",\n      selectorSuffix: \"::placeholder\",\n      cssProperty: \"color\",\n      enableInteractiveColors: false,\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"placeholder\",\n      selectorSuffix: \"::-moz-placeholder\",\n      cssProperty: \"color\",\n      enableInteractiveColors: false,\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBackgroundColor\",\n      classPrefix: \"bg\",\n      cssProperty: \"background-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticFillColor\",\n      classPrefix: \"accent\",\n      cssProperty: \"accent-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border\",\n      cssProperty: \"border-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-t\",\n      cssProperty: \"border-top-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-b\",\n      cssProperty: \"border-bottom-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-l\",\n      cssProperty: \"border-left-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-r\",\n      cssProperty: \"border-right-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-e\",\n      cssProperty: \"border-inline-end-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-s\",\n      cssProperty: \"border-inline-start-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-y\",\n      cssProperty: \"border-top\",\n      cssProperty2: \"border-bottom\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-x\",\n      cssProperty: \"border-left\",\n      cssProperty2: \"border-right\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"divide\",\n      cssProperty: \"border-color\",\n      selectorSuffix: \" > :not([hidden]) ~ :not([hidden])\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"outline\",\n      cssProperty: \"outline-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"ring\",\n      cssProperty: \"--tw-ring-color\",\n    }),\n  ],\n})\n\nmodule.exports = getCobaltTailwindcssConfig\n"],"names":["require$$3","require$$4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,CAAA,MAAM,WAAW,GAAG,WAAA;AACpB,CAAA,MAAM,YAAY,GAAG,WAAA;AACrB,CAAA,MAAM,QAAQ,GAAG,WAAA;CACjB,MAAM,EAAE,0BAA0B,EAAE,GAAGA,cAAA,GAAA;AACvC,CAAA,MAAM,UAAU,GAAGC,4BAAA,GAAA;;CAEnB,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,EAAA;;AAEnC,CAAA,MAAM,GAAG,GAAG;GACV,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,KAAK;GACZ,KAAK,EAAE,MAAM;GACb,KAAK,EAAE,CAAC;GACR,KAAK,EAAE,KAAK;GACZ,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,GAAG;GACV,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,CAAC;GACR,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,GAAG;GACV,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,GAAG;GACV,KAAK,EAAE,IAAI;GACX,KAAK,EAAE,CAAC;AACV,GAAA;;CAEA,MAAM;GACJ,MAAM,EAAE,YAAY;GACpB,UAAU,EAAE,QAAQ;GACpB,IAAI,EAAE,UAAU;GAChB,IAAI,EAAE,UAAU;EACjB,GAAG,0BAA0B,CAAC;AAC/B,GAAE,gBAAgB,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;EACjD,EAAA;;AAED,CAAA,MAAM,QAAQ;GACZ,kJAAA;;CAEF,MAAM,0BAA0B,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAE,MAAM;AAC3E,GAAE,OAAO;GACP,QAAQ,EAAE,QAAQ;GAClB,MAAM,EAAE,IAAI;AACd;AACA,GAAE,WAAW,EAAE;AACf;KACI,SAAS,EAAE,KAAK;AACpB;KACI,aAAa,EAAE,KAAK;KACpB,UAAU,EAAE,KAAK;KACjB,WAAW,EAAE,KAAK;KAClB,WAAW,EAAE,KAAK;KAClB,QAAQ,EAAE,KAAK;AACnB;KACI,WAAW,EAAE,KAAK;KAClB,iBAAiB,EAAE,KAAK;KACxB,UAAU,EAAE,KAAK;KACjB,cAAc,EAAE,KAAK;KACrB,eAAe,EAAE,KAAK;KACtB,kBAAkB,EAAE,KAAK;KACzB,0BAA0B,EAAE,KAAK;KACjC,mBAAmB,EAAE,KAAK;AAC9B;KACI,MAAM,EAAE,KAAK;KACb,IAAI,EAAE,KAAK;IACZ;AACH,GAAE,KAAK,EAAE;AACT,KAAI,MAAM,EAAE;AACZ,OAAM,GAAG,YAAY;OACf,OAAO,EAAE,cAAc;MACxB;KACD,mBAAmB,EAAE,YAAY;AACrC,KAAI,uBAAuB,EAAE;AAC7B,OAAM,GAAG,QAAQ;AACjB,OAAM,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE;MACxB;KACD,iBAAiB,EAAE,UAAU;AACjC,KAAI,WAAW,EAAE;OACX,KAAK,EAAE,OAAO;OACd,MAAM,EAAE,QAAQ;OAChB,IAAI,EAAE,MAAM;MACb;AACL,KAAI,WAAW,EAAE;OACX,CAAC,EAAE,GAAG;OACN,KAAK,EAAE,OAAO;OACd,OAAO,EAAE,KAAK;OACd,CAAC,EAAE,UAAU;OACb,CAAC,EAAE,QAAQ;MACZ;AACL,KAAI,YAAY,EAAE;OACZ,IAAI,EAAE,GAAG;OACT,OAAO,EAAE,QAAQ;OACjB,EAAE,EAAE,SAAS;OACb,EAAE,EAAE,OAAO;OACX,EAAE,EAAE,QAAQ;OACZ,KAAK,EAAE,MAAM;OACb,IAAI,EAAE,QAAQ;MACf;AACL,KAAI,SAAS,EAAE;OACT,OAAO,EAAE,uCAAuC;OAChD,EAAE,EAAE,sCAAsC;OAC1C,EAAE,EAAE,uCAAuC;MAC5C;KACD,iBAAiB,EAAE,UAAU;AACjC,KAAI,UAAU,EAAE;OACV,IAAI,EAAE,QAAQ;AACpB,OAAM,KAAK,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;OAC7B,IAAI,EAAE,oDAAoD;MAC3D;AACL,KAAI,UAAU,EAAE;OACV,OAAO,EAAE,KAAK;OACd,IAAI,EAAE,KAAK;MACZ;AACL,KAAI,OAAO,EAAE;OACP,IAAI,EAAE,GAAG;OACT,KAAK,EAAE,QAAQ;OACf,EAAE,EAAE,OAAO;OACX,EAAE,EAAE,MAAM;OACV,EAAE,EAAE,QAAQ;OACZ,EAAE,EAAE,MAAM;OACV,EAAE,EAAE,MAAM;OACV,KAAK,EAAE,MAAM;MACd;AACL,KAAI,OAAO,EAAE,EAAE,GAAG,WAAW,EAAE;AAC/B,KAAI,MAAM,EAAE,MAAM,CAAC,WAAW;OACxB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;MACvE;AACL;AACA,KAAI,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAChC,OAAM,OAAO,EAAE;AACf,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;SACf,aAAa,EAAE,QAAQ;AAC/B,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;SACf,aAAa,EAAE,QAAQ;AAC/B,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;AACvB,SAAQ,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAClD,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,aAAY,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;YAC3C;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;AACvB,SAAQ,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAClD,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,aAAY,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;YAC3C;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;AACvB,SAAQ,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAClD,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,aAAY,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;YAC3C;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;AACvB,SAAQ,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAClD,SAAQ,IAAI,EAAE;AACd,WAAU,EAAE,EAAE;AACd,aAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACpC,aAAY,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;YAC3C;UACF;QACF;AACP,OAAM,UAAU,EAAE;AAClB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;AACvB,SAAQ,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;QAC3C;AACP;AACA,OAAM,SAAS,EAAE;AACjB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI;AAC5C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,SAAQ,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;AACP,OAAM,SAAS,EAAE;AACjB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI;AAC5C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,SAAQ,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;AACP,OAAM,SAAS,EAAE;AACjB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI;AAC5C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,SAAQ,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;AACP,OAAM,iBAAiB,EAAE;AACzB,SAAQ,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK;AAC7C,SAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;SACxB,UAAU,EAAE,MAAM;SAClB,UAAU,EAAE,GAAG;SACf,aAAa,EAAE,WAAW;SAC1B,aAAa,EAAE,QAAQ;AAC/B,SAAQ,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO;QAC1C;AACP,MAAK,CAAC;IACH;AACH,GAAE,OAAO,EAAE;AACX;KACI,UAAU,CAAC,IAAI;AACnB;KACI,UAAU,CAAC,WAAW;AAC1B;KACI,UAAU,CAAC,WAAW;AAC1B;KACI,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,mBAAmB;OACzB,WAAW,EAAE,MAAM;OACnB,WAAW,EAAE,OAAO;AAC1B,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,mBAAmB;OACzB,WAAW,EAAE,aAAa;OAC1B,cAAc,EAAE,eAAe;OAC/B,WAAW,EAAE,OAAO;OACpB,uBAAuB,EAAE,KAAK;AACpC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,mBAAmB;OACzB,WAAW,EAAE,aAAa;OAC1B,cAAc,EAAE,oBAAoB;OACpC,WAAW,EAAE,OAAO;OACpB,uBAAuB,EAAE,KAAK;AACpC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,yBAAyB;OAC/B,WAAW,EAAE,IAAI;OACjB,WAAW,EAAE,kBAAkB;AACrC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,mBAAmB;OACzB,WAAW,EAAE,QAAQ;OACrB,WAAW,EAAE,cAAc;AACjC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,QAAQ;OACrB,WAAW,EAAE,cAAc;AACjC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,kBAAkB;AACrC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,qBAAqB;AACxC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,mBAAmB;AACtC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,oBAAoB;AACvC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,yBAAyB;AAC5C,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,2BAA2B;AAC9C,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,YAAY;OACzB,YAAY,EAAE,eAAe;AACnC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,UAAU;OACvB,WAAW,EAAE,aAAa;OAC1B,YAAY,EAAE,cAAc;AAClC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,QAAQ;OACrB,WAAW,EAAE,cAAc;OAC3B,cAAc,EAAE,oCAAoC;AAC1D,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,SAAS;OACtB,WAAW,EAAE,eAAe;AAClC,MAAK,CAAC;KACF,UAAU,CAAC,yBAAyB,CAAC;OACnC,IAAI,EAAE,qBAAqB;OAC3B,WAAW,EAAE,MAAM;OACnB,WAAW,EAAE,iBAAiB;AACpC,MAAK,CAAC;IACH;EACF,EAAA;;AAED,CAAA,4BAAc,GAAG,2BAAA;;;;;;"}
+{"version":3,"file":"getCobaltTailwindcssConfig2.js","sources":["../../utils/getCobaltTailwindcssConfig.js"],"sourcesContent":["/*\n  FOR NODE ENVIRONMENT ONLY\n  Do never import tailwind file config (or helpers importing it) into Cobalt\n  components/stories on src/ side, it will result to have tailwindcss unecessary\n  dependencies into build files.\n  See https://github.com/tailwindcss/tailwindcss/issues/634#issuecomment-459740859\n  If you need data from the theme configuration, you can do the same as we did\n  for colors:\n    - create a json token file with the data needed (will be the single source of data)\n    - In the tailwindcss config file: import and use this json file\n    - In the src/ side: import and use this json file also\n*/\nconst defaultTheme = require(\"tailwindcss/defaultTheme\")\nconst breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst legacyColors = require(\"../src/tokens/colors.json\")\nconst zIndexes = require(\"../src/tokens/zIndexes.json\")\nconst { getColorsUsingCSSVariables } = require(\"./helpers\")\nconst generators = require(\"./tailwindcssGenerators\")\n\nconst CSS_VAR_STATE_INTERACTIVE_COLOR = \"--c-state-interactive-color\"\n\nconst rem = (value) => `${value}rem`\n\nconst REM = {\n  _12px: 0.75,\n  _14px: 0.875,\n  _15px: 0.9375,\n  _16px: 1,\n  _18px: 1.125,\n  _20px: 1.25,\n  _24px: 1.5,\n  _28px: 1.75,\n  _32px: 2,\n  _36px: 2.25,\n  _40px: 2.5,\n  _44px: 2.75,\n  _56px: 3.5,\n  _60px: 3.75,\n  _64px: 4,\n}\n\nconst {\n  stroke: borderColors,\n  background: bgColors,\n  fill: fillColors,\n  text: textColors,\n} = getColorsUsingCSSVariables({\n  additionalColors: { transparent: \"transparent\" },\n})\n\nconst baseFont =\n  \"BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif\"\n\nconst getCobaltTailwindcssConfig = ({ content, safelist = undefined }) => ({\n  content,\n  safelist: safelist,\n  prefix: \"c-\",\n  // utilities to disable\n  corePlugins: {\n    // Don't use Tailwindcss reset and default styles\n    preflight: false,\n    // Handle by custom classes via generators\n    letterSpacing: false,\n    lineHeight: false,\n    borderStyle: false,\n    borderWidth: false,\n    fontSize: false,\n    // Not needed, at least for now\n    textOpacity: false,\n    backgroundOpacity: false,\n    caretColor: false,\n    boxShadowColor: false,\n    ringOffsetColor: false,\n    gradientColorStops: false,\n    gradientColorStopPositions: false,\n    textDecorationColor: false,\n    // SVG color\n    stroke: false,\n    fill: false,\n  },\n  theme: {\n    extend: {\n      transitionProperty: {\n        interactive: `${CSS_VAR_STATE_INTERACTIVE_COLOR}`,\n        DEFAULT: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.DEFAULT}`,\n        colors: `${CSS_VAR_STATE_INTERACTIVE_COLOR}, ${defaultTheme.transitionProperty.colors}`,\n      },\n    },\n    colors: {\n      ...legacyColors, // deprecated\n      current: \"currentColor\",\n    },\n    semanticStateColor: {\n      interactive: {\n        DEFAULT: \"#00000000\",\n        hover: \"#00000005\",\n        press: \"#0000000F\",\n      },\n      onDrag: \"#00000029\",\n      none: {\n        DEFAULT: \"transparent\",\n        hover: \"transparent\",\n        press: \"transparent\",\n      },\n    },\n    semanticBorderColor: borderColors,\n    semanticBackgroundColor: {\n      ...bgColors,\n      ...{ fill: fillColors },\n    },\n    semanticFillColor: fillColors,\n    borderStyle: {\n      solid: \"solid\",\n      dashed: \"dashed\",\n      none: \"none\",\n    },\n    borderWidth: {\n      0: \"0\",\n      \"0_5\": \"0.5px\",\n      DEFAULT: \"1px\",\n      2: \"0.125rem\",\n      4: \".25rem\",\n    },\n    borderRadius: {\n      none: \"0\",\n      DEFAULT: \".25rem\", // c-rounded\n      md: \".375rem\",\n      lg: \".5rem\",\n      xl: \".75rem\",\n      \"2xl\": \"1rem\",\n      full: \"9999px\", // full rounded\n    },\n    boxShadow: {\n      DEFAULT: \"0 0.125rem 0.75rem rgba(0, 0, 0, 0.1)\", // c-shadow\n      md: \"0 0.25rem 1.5rem rgba(0, 0, 0, 0.15)\",\n      lg: \"0 0.375rem 2.25rem rgba(0, 0, 0, 0.2)\",\n    },\n    semanticTextColor: textColors,\n    fontFamily: {\n      base: baseFont,\n      brand: `BrownPro,${baseFont}`,\n      mono: \"Consolas,'Liberation Mono',Menlo,Courier,monospace\",\n    },\n    fontWeight: {\n      regular: \"400\",\n      bold: \"600\",\n    },\n    spacing: {\n      none: \"0\",\n      \"2xs\": \".25rem\",\n      xs: \".5rem\",\n      sm: \"1rem\",\n      md: \"1.5rem\",\n      lg: \"2rem\",\n      xl: \"3rem\",\n      \"2xl\": \"4rem\",\n    },\n    screens: { ...breakpoints },\n    zIndex: Object.fromEntries(\n      Object.entries(zIndexes).map(([key, value]) => [key, value.toString()])\n    ),\n    // custom properties, not processed by Tailwindcss itself\n    customText: ({ theme }) => ({\n      heading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._36px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._56px),\n          },\n        },\n      },\n      subheading: {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: \"-0.5px\",\n        from: {\n          sm: {\n            fontSize: rem(REM._28px),\n          },\n        },\n      },\n      \"title-xl\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._32px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._32px),\n        from: {\n          sm: {\n            fontSize: rem(REM._40px),\n            letterSpacing: rem((-2 / 100) * REM._40px),\n          },\n        },\n      },\n      \"title-lg\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._24px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._24px),\n        from: {\n          sm: {\n            fontSize: rem(REM._32px),\n            letterSpacing: rem((-2 / 100) * REM._32px),\n          },\n        },\n      },\n      \"title-md\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._20px),\n        lineHeight: \"125%\",\n        fontWeight: 700,\n        letterSpacing: rem((-2 / 100) * REM._20px),\n        from: {\n          sm: {\n            fontSize: rem(REM._24px),\n            letterSpacing: rem((-2 / 100) * REM._24px),\n          },\n        },\n      },\n      \"title-sm\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n        from: {\n          sm: {\n            fontSize: rem(REM._20px),\n            letterSpacing: rem((-2 / 100) * REM._20px),\n          },\n        },\n      },\n      \"title-xs\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._16px),\n        lineHeight: \"125%\",\n        fontWeight: 600,\n        letterSpacing: rem((-2 / 100) * REM._16px),\n      },\n      //\n      \"body-lg\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._18px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-md\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._16px),\n        lineHeight: rem(REM._24px),\n      },\n      \"body-sm\": {\n        fontFamily: theme(\"fontFamily\").base,\n        fontSize: rem(REM._12px),\n        lineHeight: rem(REM._16px),\n      },\n      \"section-heading\": {\n        fontFamily: theme(\"fontFamily\").brand,\n        fontSize: rem(REM._14px),\n        lineHeight: \"175%\",\n        fontWeight: 700,\n        textTransform: \"uppercase\",\n        letterSpacing: \"-0.2px\",\n        color: theme(\"semanticTextColor\").subdued,\n      },\n    }),\n  },\n  plugins: [\n    // custom typography classes\n    generators.text,\n    // custom border width classes (width default solid style)\n    generators.borderWidth,\n    // custom border style classes, must be after border width plugin\n    generators.borderStyle,\n    // Semantic colors (handling hover/press color states)\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"text\",\n      cssProperty: \"color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"placeholder\",\n      selectorSuffix: \"::placeholder\",\n      cssProperty: \"color\",\n      enableInteractiveColors: false,\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticTextColor\",\n      classPrefix: \"placeholder\",\n      selectorSuffix: \"::-moz-placeholder\",\n      cssProperty: \"color\",\n      enableInteractiveColors: false,\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBackgroundColor\",\n      classPrefix: \"bg\",\n      cssProperty: \"background-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticStateColor\",\n      classPrefix: \"state\",\n      cssProperty: CSS_VAR_STATE_INTERACTIVE_COLOR,\n      additionalRules: {\n        interactive: {\n          \"background-image\": `linear-gradient(var(${CSS_VAR_STATE_INTERACTIVE_COLOR}), var(${CSS_VAR_STATE_INTERACTIVE_COLOR}))`,\n        },\n      },\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticFillColor\",\n      classPrefix: \"accent\",\n      cssProperty: \"accent-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border\",\n      cssProperty: \"border-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-t\",\n      cssProperty: \"border-top-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-b\",\n      cssProperty: \"border-bottom-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-l\",\n      cssProperty: \"border-left-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-r\",\n      cssProperty: \"border-right-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-e\",\n      cssProperty: \"border-inline-end-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-s\",\n      cssProperty: \"border-inline-start-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-y\",\n      cssProperty: \"border-top\",\n      cssProperty2: \"border-bottom\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"border-x\",\n      cssProperty: \"border-left\",\n      cssProperty2: \"border-right\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"divide\",\n      cssProperty: \"border-color\",\n      selectorSuffix: \" > :not([hidden]) ~ :not([hidden])\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"outline\",\n      cssProperty: \"outline-color\",\n    }),\n    generators.getSemanticColorGenerator({\n      type: \"semanticBorderColor\",\n      classPrefix: \"ring\",\n      cssProperty: \"--tw-ring-color\",\n    }),\n  ],\n})\n\nmodule.exports = getCobaltTailwindcssConfig\n"],"names":["require$$4","require$$5"],"mappings":"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"}

package/utils/tailwindcssGenerators.js

@@ -1,4 +1,4 @@
-import require$$0 from '../src/tokens/breakpoints.js';
+import require$$1 from '../src/tokens/breakpoints.js';
 import { __require as requireHelpers } from './helpers.js';
 
 var tailwindcssGenerators;
@@ -7,7 +7,7 @@ var hasRequiredTailwindcssGenerators;
 function requireTailwindcssGenerators () {
 	if (hasRequiredTailwindcssGenerators) return tailwindcssGenerators;
 	hasRequiredTailwindcssGenerators = 1;
-	const breakpoints = require$$0;
+	const breakpoints = require$$1;
 	const { hasProp } = requireHelpers();
 
 	const COLOR_STATES = {
@@ -104,6 +104,7 @@ function requireTailwindcssGenerators () {
 	  cssProperty,
 	  cssProperty2,
 	  enableInteractiveColors = true,
+	  additionalRules = {},
 	}) => {
 	  return ({ addUtilities, theme }) => {
 	    const themeProps = theme(type);
@@ -115,6 +116,7 @@ function requireTailwindcssGenerators () {
 	        acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {
 	          [cssProperty]: colorProp,
 	          ...(cssProperty2 ? { [cssProperty2]: colorProp } : {}),
+	          ...(additionalRules[propName] || {}),
 	        };
 	      } else {
 	        Object.keys(colorProp).map((colorState) => {
@@ -123,6 +125,7 @@ function requireTailwindcssGenerators () {
 	            acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {
 	              [cssProperty]: subColorProp,
 	              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),
+	              ...(additionalRules[propName] || {}),
 	            };
 	          } else if (
 	            colorState === COLOR_STATES.HOVER &&

package/utils/tailwindcssGenerators.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindcssGenerators.js","sources":["../../utils/tailwindcssGenerators.js"],"sourcesContent":["const breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst { hasProp } = require(\"./helpers\")\n\nconst COLOR_STATES = {\n  DEFAULT: \"DEFAULT\",\n  HOVER: \"hover\",\n  PRESS: \"press\",\n}\n\nconst textGenerator = ({ addUtilities, theme }) => {\n  const textTheme = theme(\"customText\")\n  const mediaQueries = {}\n  const textUtilities = Object.keys(textTheme).reduce((acc, propName) => {\n    const props = textTheme[propName]\n    acc[`.text-${propName}`] = {\n      fontFamily: props.fontFamily,\n      fontSize: props.fontSize,\n      lineHeight: props.lineHeight,\n    }\n    ;[\"fontWeight\", \"textTransform\", \"color\", \"letterSpacing\"].forEach(\n      (cssPropName) => {\n        if (props[cssPropName]) {\n          acc[`.text-${propName}`][cssPropName] = props[cssPropName]\n        }\n      }\n    )\n    if (props.from) {\n      Object.keys(props.from).forEach((breakpoint) => {\n        const breakpointRule = `@media (min-width: ${breakpoints[breakpoint]})`\n        if (!hasProp(mediaQueries, breakpointRule)) {\n          mediaQueries[breakpointRule] = {}\n        }\n        mediaQueries[breakpointRule] = {\n          ...mediaQueries[breakpointRule],\n          [`.text-${propName}`]: props.from[breakpoint],\n        }\n      })\n    }\n    return acc\n  }, {})\n  // For CSS priority, we have to put media queries after all text utilities\n  addUtilities(\n    { ...textUtilities, ...mediaQueries },\n    { variants: [\"responsive\"] }\n  )\n}\n\nconst borderWidthGenerator = ({ addUtilities, theme }) => {\n  const widthTheme = theme(\"borderWidth\")\n  const widthUtilities = Object.keys(widthTheme).reduce((acc, propName) => {\n    const modifier = propName === \"DEFAULT\" ? \"\" : `-${propName}`\n    acc[`.border${modifier}`] = {\n      borderWidth: widthTheme[propName],\n      // add default solid style only if width is not 0\n      ...(widthTheme[propName] === \"0\" ? {} : { borderStyle: \"solid\" }),\n    }\n    acc[`.border-t${modifier}`] = {\n      borderTopWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderTopStyle: \"solid\" }),\n    }\n    acc[`.border-r${modifier}`] = {\n      borderRightWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderRightStyle: \"solid\" }),\n    }\n    acc[`.border-b${modifier}`] = {\n      borderBottomWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderBottomStyle: \"solid\" }),\n    }\n    acc[`.border-l${modifier}`] = {\n      borderLeftWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderLeftStyle: \"solid\" }),\n    }\n    return acc\n  }, {})\n  addUtilities(widthUtilities)\n}\n\nconst borderStyleGenerator = ({ addUtilities, theme }) => {\n  const styleTheme = theme(\"borderStyle\")\n  const styleUtilities = Object.keys(styleTheme).reduce((acc, propName) => {\n    acc[`.border-${propName}`] = { borderStyle: styleTheme[propName] }\n    acc[`.border-t-${propName}`] = { borderTopStyle: styleTheme[propName] }\n    acc[`.border-r-${propName}`] = { borderRightStyle: styleTheme[propName] }\n    acc[`.border-b-${propName}`] = { borderBottomStyle: styleTheme[propName] }\n    acc[`.border-l-${propName}`] = { borderLeftStyle: styleTheme[propName] }\n    return acc\n  }, {})\n  addUtilities(styleUtilities)\n}\n\nconst getSemanticColorGenerator = ({\n  type,\n  classPrefix,\n  selectorSuffix = \"\",\n  cssProperty,\n  cssProperty2,\n  enableInteractiveColors = true,\n}) => {\n  return ({ addUtilities, theme }) => {\n    const themeProps = theme(type)\n    if (!themeProps)\n      throw new Error(`Didn't found theme properties for \"${type}\".`)\n    const utilities = Object.keys(themeProps).reduce((acc, propName) => {\n      const colorProp = themeProps[propName]\n      if (typeof colorProp === \"string\") {\n        acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n          [cssProperty]: colorProp,\n          ...(cssProperty2 ? { [cssProperty2]: colorProp } : {}),\n        }\n      } else {\n        Object.keys(colorProp).map((colorState) => {\n          const subColorProp = colorProp[colorState]\n          if (colorState === COLOR_STATES.DEFAULT) {\n            acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else if (\n            colorState === COLOR_STATES.HOVER &&\n            enableInteractiveColors\n          ) {\n            acc[`.${classPrefix}-${propName}:hover${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n            acc[`.${classPrefix}-${propName}:focus${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else if (\n            colorState === COLOR_STATES.PRESS &&\n            enableInteractiveColors\n          ) {\n            acc[`.${classPrefix}-${propName}:active${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else if (typeof subColorProp === \"string\") {\n            acc[`.${classPrefix}-${propName}-${colorState}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else {\n            Object.keys(colorProp).map((subColorState) => {\n              const subSubColorProp = colorProp[colorState][subColorState]\n              if (subColorState === COLOR_STATES.DEFAULT) {\n                acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              } else if (\n                subColorState === COLOR_STATES.HOVER &&\n                enableInteractiveColors\n              ) {\n                acc[`.${classPrefix}-${propName}:hover${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n                acc[`.${classPrefix}-${propName}:focus${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              } else if (\n                subColorState === COLOR_STATES.PRESS &&\n                enableInteractiveColors\n              ) {\n                acc[`.${classPrefix}-${propName}:active${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              }\n            })\n          }\n        })\n      }\n      return acc\n    }, {})\n    addUtilities(utilities)\n  }\n}\n\nmodule.exports = {\n  text: textGenerator,\n  borderWidth: borderWidthGenerator,\n  borderStyle: borderStyleGenerator,\n  getSemanticColorGenerator,\n}\n"],"names":["require$$1"],"mappings":"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"}
+{"version":3,"file":"tailwindcssGenerators.js","sources":["../../utils/tailwindcssGenerators.js"],"sourcesContent":["const breakpoints = require(\"../src/tokens/breakpoints.json\")\nconst { hasProp } = require(\"./helpers\")\n\nconst COLOR_STATES = {\n  DEFAULT: \"DEFAULT\",\n  HOVER: \"hover\",\n  PRESS: \"press\",\n}\n\nconst textGenerator = ({ addUtilities, theme }) => {\n  const textTheme = theme(\"customText\")\n  const mediaQueries = {}\n  const textUtilities = Object.keys(textTheme).reduce((acc, propName) => {\n    const props = textTheme[propName]\n    acc[`.text-${propName}`] = {\n      fontFamily: props.fontFamily,\n      fontSize: props.fontSize,\n      lineHeight: props.lineHeight,\n    }\n    ;[\"fontWeight\", \"textTransform\", \"color\", \"letterSpacing\"].forEach(\n      (cssPropName) => {\n        if (props[cssPropName]) {\n          acc[`.text-${propName}`][cssPropName] = props[cssPropName]\n        }\n      }\n    )\n    if (props.from) {\n      Object.keys(props.from).forEach((breakpoint) => {\n        const breakpointRule = `@media (min-width: ${breakpoints[breakpoint]})`\n        if (!hasProp(mediaQueries, breakpointRule)) {\n          mediaQueries[breakpointRule] = {}\n        }\n        mediaQueries[breakpointRule] = {\n          ...mediaQueries[breakpointRule],\n          [`.text-${propName}`]: props.from[breakpoint],\n        }\n      })\n    }\n    return acc\n  }, {})\n  // For CSS priority, we have to put media queries after all text utilities\n  addUtilities(\n    { ...textUtilities, ...mediaQueries },\n    { variants: [\"responsive\"] }\n  )\n}\n\nconst borderWidthGenerator = ({ addUtilities, theme }) => {\n  const widthTheme = theme(\"borderWidth\")\n  const widthUtilities = Object.keys(widthTheme).reduce((acc, propName) => {\n    const modifier = propName === \"DEFAULT\" ? \"\" : `-${propName}`\n    acc[`.border${modifier}`] = {\n      borderWidth: widthTheme[propName],\n      // add default solid style only if width is not 0\n      ...(widthTheme[propName] === \"0\" ? {} : { borderStyle: \"solid\" }),\n    }\n    acc[`.border-t${modifier}`] = {\n      borderTopWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderTopStyle: \"solid\" }),\n    }\n    acc[`.border-r${modifier}`] = {\n      borderRightWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderRightStyle: \"solid\" }),\n    }\n    acc[`.border-b${modifier}`] = {\n      borderBottomWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderBottomStyle: \"solid\" }),\n    }\n    acc[`.border-l${modifier}`] = {\n      borderLeftWidth: widthTheme[propName],\n      ...(widthTheme[propName] === \"0\" ? {} : { borderLeftStyle: \"solid\" }),\n    }\n    return acc\n  }, {})\n  addUtilities(widthUtilities)\n}\n\nconst borderStyleGenerator = ({ addUtilities, theme }) => {\n  const styleTheme = theme(\"borderStyle\")\n  const styleUtilities = Object.keys(styleTheme).reduce((acc, propName) => {\n    acc[`.border-${propName}`] = { borderStyle: styleTheme[propName] }\n    acc[`.border-t-${propName}`] = { borderTopStyle: styleTheme[propName] }\n    acc[`.border-r-${propName}`] = { borderRightStyle: styleTheme[propName] }\n    acc[`.border-b-${propName}`] = { borderBottomStyle: styleTheme[propName] }\n    acc[`.border-l-${propName}`] = { borderLeftStyle: styleTheme[propName] }\n    return acc\n  }, {})\n  addUtilities(styleUtilities)\n}\n\nconst getSemanticColorGenerator = ({\n  type,\n  classPrefix,\n  selectorSuffix = \"\",\n  cssProperty,\n  cssProperty2,\n  enableInteractiveColors = true,\n  additionalRules = {},\n}) => {\n  return ({ addUtilities, theme }) => {\n    const themeProps = theme(type)\n    if (!themeProps)\n      throw new Error(`Didn't found theme properties for \"${type}\".`)\n    const utilities = Object.keys(themeProps).reduce((acc, propName) => {\n      const colorProp = themeProps[propName]\n      if (typeof colorProp === \"string\") {\n        acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n          [cssProperty]: colorProp,\n          ...(cssProperty2 ? { [cssProperty2]: colorProp } : {}),\n          ...(additionalRules[propName] || {}),\n        }\n      } else {\n        Object.keys(colorProp).map((colorState) => {\n          const subColorProp = colorProp[colorState]\n          if (colorState === COLOR_STATES.DEFAULT) {\n            acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n              ...(additionalRules[propName] || {}),\n            }\n          } else if (\n            colorState === COLOR_STATES.HOVER &&\n            enableInteractiveColors\n          ) {\n            acc[`.${classPrefix}-${propName}:hover${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n            acc[`.${classPrefix}-${propName}:focus${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else if (\n            colorState === COLOR_STATES.PRESS &&\n            enableInteractiveColors\n          ) {\n            acc[`.${classPrefix}-${propName}:active${selectorSuffix}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else if (typeof subColorProp === \"string\") {\n            acc[`.${classPrefix}-${propName}-${colorState}`] = {\n              [cssProperty]: subColorProp,\n              ...(cssProperty2 ? { [cssProperty2]: subColorProp } : {}),\n            }\n          } else {\n            Object.keys(colorProp).map((subColorState) => {\n              const subSubColorProp = colorProp[colorState][subColorState]\n              if (subColorState === COLOR_STATES.DEFAULT) {\n                acc[`.${classPrefix}-${propName}${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              } else if (\n                subColorState === COLOR_STATES.HOVER &&\n                enableInteractiveColors\n              ) {\n                acc[`.${classPrefix}-${propName}:hover${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n                acc[`.${classPrefix}-${propName}:focus${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              } else if (\n                subColorState === COLOR_STATES.PRESS &&\n                enableInteractiveColors\n              ) {\n                acc[`.${classPrefix}-${propName}:active${selectorSuffix}`] = {\n                  [cssProperty]: subSubColorProp,\n                  ...(cssProperty2 ? { [cssProperty2]: subSubColorProp } : {}),\n                }\n              }\n            })\n          }\n        })\n      }\n      return acc\n    }, {})\n    addUtilities(utilities)\n  }\n}\n\nmodule.exports = {\n  text: textGenerator,\n  borderWidth: borderWidthGenerator,\n  borderStyle: borderStyleGenerator,\n  getSemanticColorGenerator,\n}\n"],"names":["require$$0","require$$1"],"mappings":"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"}

package/components/Flash/index.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Icon } from '../Icon/index.js';
-
-const ICON_SIZE = 20;
-const STATUS_ICONS_MAP = {
-    info: "infoFilled",
-    success: "checkCircle",
-    error: "contextualWarningCircleFilled",
-};
-const STATUS_ICON_COLOR_MAP = {
-    info: "info",
-    success: "success",
-    error: "error",
-};
-const Flash = ({ children, status = "info" }) => {
-    const icon = STATUS_ICONS_MAP[status]
-        ? STATUS_ICONS_MAP[status]
-        : "infoFilled";
-    const iconColor = STATUS_ICON_COLOR_MAP[status]
-        ? STATUS_ICON_COLOR_MAP[status]
-        : "base";
-    return (React.createElement("div", { className: `cobalt-Flash cobalt-Flash--${status}` },
-        React.createElement("div", { className: "cobalt-Flash__wrapper" },
-            React.createElement("span", { className: "cobalt-Flash__Icon" },
-                React.createElement(Icon, { source: icon, size: ICON_SIZE, color: iconColor })),
-            React.createElement("span", { className: "cobalt-Flash__content" }, children))));
-};
-
-export { Flash };
-//# sourceMappingURL=index.js.map

package/components/Flash/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Flash/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\n\nexport type FlashStatus = \"info\" | \"success\" | \"error\"\n\nexport interface FlashProps {\n  children: React.ReactNode\n  status: FlashStatus\n}\n\nconst ICON_SIZE = 20\n\nconst STATUS_ICONS_MAP: { [k in FlashStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in FlashStatus]: IconColorsType } = {\n  info: \"info\",\n  success: \"success\",\n  error: \"error\",\n}\n\nexport const Flash = ({ children, status = \"info\" }: FlashProps) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColorsType = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"base\"\n\n  return (\n    <div className={`cobalt-Flash cobalt-Flash--${status}`}>\n      <div className=\"cobalt-Flash__wrapper\">\n        <span className=\"cobalt-Flash__Icon\">\n          <Icon source={icon} size={ICON_SIZE} color={iconColor} />\n        </span>\n        <span className=\"cobalt-Flash__content\">{children}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;CACf,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAc,KAAI;AACjE,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,MAAM,SAAS,GAAmB,qBAAqB,CAAC,MAAM,CAAC;AAC7D,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,MAAM,CAAA;AAEV,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,2BAAA,EAA8B,MAAM,CAAE,CAAA,EAAA;QACpD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;YACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,oBAAoB,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACpD;YACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACF,EACP;AACH;;;;"}

package/styles/components/Flash/index.scss

@@ -1,35 +0,0 @@
-.cobalt- {
-  &Flash {
-    @apply c-text-body-md c-rounded-md c-shadow-lg;
-
-    max-width: 800px;
-
-    display: inline-block;
-
-    padding: theme("spacing.sm") theme("spacing.md") theme("spacing.sm")
-      theme("spacing.sm");
-
-    &--info {
-      @apply c-bg-info c-text-info;
-    }
-
-    &--success {
-      @apply c-bg-successAlt c-text-successAlt;
-    }
-
-    &--error {
-      @apply c-bg-errorAlt c-text-errorAlt;
-    }
-  }
-
-  &Flash__wrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &Flash__Icon {
-    @apply c-mr-xs;
-    min-width: 20px;
-  }
-}

package/types/src/components/Flash/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export type FlashStatus = "info" | "success" | "error";
-export interface FlashProps {
-    children: React.ReactNode;
-    status: FlashStatus;
-}
-export declare const Flash: ({ children, status }: FlashProps) => React.JSX.Element;