npm - @drivy/cobalt - Versions diffs - 1.1.4 → 1.2.0 - Mend

@drivy/cobalt 1.1.4 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/components/Callout/index.js +1 -1
package/components/Callout/index.js.map +1 -1
package/components/PhotoDropzone/index.js +1 -1
package/components/PhotoDropzone/index.js.map +1 -1
package/index.js +0 -1
package/index.js.map +1 -1
package/package.json +8 -8
package/src/tokens/breakpoints.js +2 -2
package/src/tokens/colors.js +2 -2
package/src/tokens/zIndexes.js +2 -2
package/styles/components/Accordion/index.scss +1 -1
package/styles/components/Buttons/DefaultButton/index.scss +7 -19
package/styles/components/Buttons/GhostButton/index.scss +3 -11
package/styles/components/Buttons/index.scss +2 -4
package/styles/components/Calendar/CalendarRangePicker/index.scss +3 -3
package/styles/components/Callout/index.scss +1 -1
package/styles/components/Chip/index.scss +2 -3
package/styles/components/Form/Autocomplete/index.scss +1 -1
package/styles/components/Form/CheckablePill.scss +3 -9
package/styles/components/Form/Checkmark.scss +11 -9
package/styles/components/Form/RadioWithDetails.scss +4 -16
package/styles/components/Form/Select.scss +16 -4
package/styles/components/Form/TextInput.scss +0 -4
package/styles/components/Form/form.scss +3 -6
package/styles/components/Layout/Components/index.scss +3 -3
package/styles/components/PhotoDropzone/index.scss +27 -4
package/styles/components/PlateNumber/index.scss +1 -1
package/styles/components/Rating/index.scss +1 -1
package/styles/components/TabBar/index.scss +1 -3
package/styles/components/Tabs/index.scss +1 -4
package/styles/components.scss +0 -1
package/styles/core/text.scss +5 -1
package/types/src/components/PhotoDropzone/index.d.ts +1 -1
package/types/src/index.d.ts +0 -1
package/utilities.css +6 -0
package/utils/getCobaltTailwindcssConfig2.js +40 -6
package/utils/getCobaltTailwindcssConfig2.js.map +1 -1
package/utils/tailwindcssGenerators.js +5 -2
package/utils/tailwindcssGenerators.js.map +1 -1
package/components/Flash/index.js +0 -30
package/components/Flash/index.js.map +0 -1
package/styles/components/Flash/index.scss +0 -35
package/types/src/components/Flash/index.d.ts +0 -7

package/styles/components/Form/TextInput.scss CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,5 +1,5 @@
 @mixin form-input-base($container) {
-  @apply c-text-base 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 CHANGED Viewed

@@ -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/PhotoDropzone/index.scss CHANGED Viewed

@@ -9,7 +9,7 @@
   justify-content: center;
   height: 100%;
   width: 100%;
-  min-height: 14rem;
+  min-height: 6rem;
   text-align: center;
@@ -18,10 +18,23 @@
   transition: background-color 0.25s;
 }
-.cobalt-photo-dropzone--filled {
+.cobalt-photo-dropzone--filled,
+.cobalt-photo-dropzone--loading {
   border-color: transparent;
 }
+.cobalt-photo-dropzone--filled:not(.cobalt-photo-dropzone--loading) {
+  background: linear-gradient(
+    90deg,
+    theme("semanticBackgroundColor.neutral") 20px,
+    theme("semanticBackgroundColor.neutralAlt") 80px,
+    theme("semanticBackgroundColor.neutral") 110px
+  );
+  background-size: 200%;
+  animation: leftToRight 2s infinite reverse;
+}
 .cobalt-photo-dropzone:hover,
 .cobalt-photo-dropzone:focus {
   .cobalt-photo-dropzone__description {
@@ -49,7 +62,7 @@
 }
 .cobalt-photo-dropzone--errored {
-  @apply c-bg-neutral c-border-error;
+  @apply c-bg-neutral c-border c-border-error;
   border-style: solid;
 }
@@ -69,7 +82,7 @@
   width: 100%;
   height: 100%;
-  @apply c-rounded;
+  @apply c-rounded-lg;
   object-fit: cover;
 }
@@ -108,3 +121,13 @@
     transform: scale(1.1);
   }
 }
+@keyframes leftToRight {
+  0% {
+    background-position: -100% 0;
+  }
+  100% {
+    background-position: 100% 0;
+  }
+}

package/styles/components/PlateNumber/index.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .cobalt-plate-number {
-  @apply c-border-base c-bg-primary c-text-base c-rounded c-py-[2px] c-px-2xs;
+  @apply c-border c-border-base c-bg-primary c-text-base c-rounded c-py-[2px] c-px-2xs;
   display: inline-flex;

package/styles/components/Rating/index.scss CHANGED Viewed

@@ -80,7 +80,7 @@
   &:not(:hover):not(:focus-visible) input:focus {
     // focus feedback with keyboard navigation only
     & + .cobalt-Icon {
-      @apply c-border-accent;
+      @apply c-border c-border-accent;
       border-radius: theme("spacing.2xs");
     }
   }

package/styles/components/TabBar/index.scss CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/components/PhotoDropzone/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 export type PhotoDropzonePropsType = {
     className?: string;
-    description: string;
+    description?: string;
     deletePopoverContent: (onDelete: () => void, close: () => void) => ReactNode;
     errorContent: (acceptedTypes: string, maxFileSize: number) => ReactNode;
     onDropped: (file: File) => Promise<void> | void;

package/types/src/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/utils/getCobaltTailwindcssConfig2.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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;