@drivy/cobalt 0.49.0 → 0.49.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -80,12 +80,12 @@ class Stepper extends PureComponent {
|
|
|
80
80
|
"cobalt-Stepper--error": status === "error",
|
|
81
81
|
}) },
|
|
82
82
|
React.createElement("div", { className: "cobalt-Stepper__Wrapper" },
|
|
83
|
-
React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === min, onPointerDown: () => this.onPointerDown(this.onDecrement), onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp, type: "button" },
|
|
83
|
+
React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === min, onPointerDown: () => this.onPointerDown(this.onDecrement), onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp, type: "button", "data-label": "stepper-plus" },
|
|
84
84
|
React.createElement(MinusIcon, null)),
|
|
85
85
|
React.createElement("div", { className: "cobalt-Stepper__ContentWrapper" },
|
|
86
86
|
children ? children(this.state.value) : this.state.value,
|
|
87
87
|
React.createElement("input", { type: "hidden", name: name, value: this.state.value })),
|
|
88
|
-
React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === max, onPointerDown: () => this.onPointerDown(this.onIncrement), onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp, type: "button" },
|
|
88
|
+
React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === max, onPointerDown: () => this.onPointerDown(this.onIncrement), onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp, type: "button", "data-label": "stepper-minus" },
|
|
89
89
|
React.createElement(PlusIcon, null)))));
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport DefaultButton from \"../Buttons/DefaultButton\"\nimport { MinusIcon, PlusIcon } from \"../Icon\"\n\nconst AUTO_CHANGE_TIMEOUT_IN_MS = 750\nconst AUTO_CHANGE_INTERVAL_IN_MS = 150\n\nconst enforceInRange = (\n value: number,\n min: number | undefined,\n max: number | undefined\n) => {\n let enforcedValue = value\n if (typeof max !== \"undefined\") {\n enforcedValue = Math.min(enforcedValue, max)\n }\n if (typeof min !== \"undefined\") {\n enforcedValue = Math.max(enforcedValue, min)\n }\n return enforcedValue\n}\n\ntype Props = {\n value: number\n name?: string\n disabled?: boolean\n min?: number\n max?: number\n step: number\n onChange?: (value: number) => void\n children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n constructor(props: Props) {\n super(props)\n\n if (props.step < 0)\n throw new Error(\"Incorrect step value. Can't be below zero\")\n\n this.onDecrement = this.onDecrement.bind(this)\n this.onIncrement = this.onIncrement.bind(this)\n this.changeValue = this.changeValue.bind(this)\n this.onPointerDown = this.onPointerDown.bind(this)\n this.onPointerUp = this.onPointerUp.bind(this)\n\n this.state = {\n value: enforceInRange(props.value, props.min, props.max),\n }\n }\n\n timeout: ReturnType<typeof setTimeout> | null = null\n interval: ReturnType<typeof setInterval> | null = null\n\n componentDidUpdate(_prevProps: Props, prevState: State) {\n if (prevState.value !== this.state.value) {\n this.changeValue(this.state.value)\n } else if (this.props.value !== this.state.value) {\n this.changeValue(this.props.value)\n }\n }\n\n onDecrement = () => {\n ;(this.props.min !== null || this.state.value > this.props.min) &&\n this.changeValue(\n parseFloat((this.state.value - this.props.step).toFixed(10))\n )\n }\n\n onIncrement = () => {\n ;(this.props.max !== null || this.state.value < this.props.max) &&\n this.changeValue(\n parseFloat((this.state.value + this.props.step).toFixed(10))\n )\n }\n\n onPointerDown = (callback: () => void) => {\n callback()\n this.timeout && clearTimeout(this.timeout)\n this.timeout = setTimeout(() => {\n this.interval && clearInterval(this.interval)\n this.interval = setInterval(callback, AUTO_CHANGE_INTERVAL_IN_MS)\n }, AUTO_CHANGE_TIMEOUT_IN_MS)\n }\n\n onPointerUp = () => {\n if (this.interval) {\n clearInterval(this.interval)\n this.interval = null\n }\n this.timeout && clearTimeout(this.timeout)\n }\n\n changeValue = (value: number) => {\n this.setState(\n {\n value: enforceInRange(value, this.props.min, this.props.max),\n },\n () => {\n this.props.onChange && this.props.onChange(this.state.value)\n }\n )\n }\n\n render() {\n const { name, status, disabled, min, max, children } = this.props\n\n return (\n <div\n className={classNames(\"cobalt-Stepper\", {\n \"cobalt-Stepper--disabled\": disabled,\n \"cobalt-Stepper--success\": status === \"success\",\n \"cobalt-Stepper--error\": status === \"error\",\n })}\n >\n <div className=\"cobalt-Stepper__Wrapper\">\n <DefaultButton\n className=\"cobalt-Stepper__ActionButton\"\n disabled={disabled || this.state.value === min}\n onPointerDown={() => this.onPointerDown(this.onDecrement)}\n onPointerUp={this.onPointerUp}\n onPointerLeave={this.onPointerUp}\n type={\"button\"}\n >\n <MinusIcon />\n </DefaultButton>\n <div className=\"cobalt-Stepper__ContentWrapper\">\n {children ? children(this.state.value) : this.state.value}\n <input type=\"hidden\" name={name} value={this.state.value} />\n </div>\n <DefaultButton\n className=\"cobalt-Stepper__ActionButton\"\n disabled={disabled || this.state.value === max}\n onPointerDown={() => this.onPointerDown(this.onIncrement)}\n onPointerUp={this.onPointerUp}\n onPointerLeave={this.onPointerUp}\n type={\"button\"}\n >\n <PlusIcon />\n </DefaultButton>\n </div>\n </div>\n )\n }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport DefaultButton from \"../Buttons/DefaultButton\"\nimport { MinusIcon, PlusIcon } from \"../Icon\"\n\nconst AUTO_CHANGE_TIMEOUT_IN_MS = 750\nconst AUTO_CHANGE_INTERVAL_IN_MS = 150\n\nconst enforceInRange = (\n value: number,\n min: number | undefined,\n max: number | undefined\n) => {\n let enforcedValue = value\n if (typeof max !== \"undefined\") {\n enforcedValue = Math.min(enforcedValue, max)\n }\n if (typeof min !== \"undefined\") {\n enforcedValue = Math.max(enforcedValue, min)\n }\n return enforcedValue\n}\n\ntype Props = {\n value: number\n name?: string\n disabled?: boolean\n min?: number\n max?: number\n step: number\n onChange?: (value: number) => void\n children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n constructor(props: Props) {\n super(props)\n\n if (props.step < 0)\n throw new Error(\"Incorrect step value. Can't be below zero\")\n\n this.onDecrement = this.onDecrement.bind(this)\n this.onIncrement = this.onIncrement.bind(this)\n this.changeValue = this.changeValue.bind(this)\n this.onPointerDown = this.onPointerDown.bind(this)\n this.onPointerUp = this.onPointerUp.bind(this)\n\n this.state = {\n value: enforceInRange(props.value, props.min, props.max),\n }\n }\n\n timeout: ReturnType<typeof setTimeout> | null = null\n interval: ReturnType<typeof setInterval> | null = null\n\n componentDidUpdate(_prevProps: Props, prevState: State) {\n if (prevState.value !== this.state.value) {\n this.changeValue(this.state.value)\n } else if (this.props.value !== this.state.value) {\n this.changeValue(this.props.value)\n }\n }\n\n onDecrement = () => {\n ;(this.props.min !== null || this.state.value > this.props.min) &&\n this.changeValue(\n parseFloat((this.state.value - this.props.step).toFixed(10))\n )\n }\n\n onIncrement = () => {\n ;(this.props.max !== null || this.state.value < this.props.max) &&\n this.changeValue(\n parseFloat((this.state.value + this.props.step).toFixed(10))\n )\n }\n\n onPointerDown = (callback: () => void) => {\n callback()\n this.timeout && clearTimeout(this.timeout)\n this.timeout = setTimeout(() => {\n this.interval && clearInterval(this.interval)\n this.interval = setInterval(callback, AUTO_CHANGE_INTERVAL_IN_MS)\n }, AUTO_CHANGE_TIMEOUT_IN_MS)\n }\n\n onPointerUp = () => {\n if (this.interval) {\n clearInterval(this.interval)\n this.interval = null\n }\n this.timeout && clearTimeout(this.timeout)\n }\n\n changeValue = (value: number) => {\n this.setState(\n {\n value: enforceInRange(value, this.props.min, this.props.max),\n },\n () => {\n this.props.onChange && this.props.onChange(this.state.value)\n }\n )\n }\n\n render() {\n const { name, status, disabled, min, max, children } = this.props\n\n return (\n <div\n className={classNames(\"cobalt-Stepper\", {\n \"cobalt-Stepper--disabled\": disabled,\n \"cobalt-Stepper--success\": status === \"success\",\n \"cobalt-Stepper--error\": status === \"error\",\n })}\n >\n <div className=\"cobalt-Stepper__Wrapper\">\n <DefaultButton\n className=\"cobalt-Stepper__ActionButton\"\n disabled={disabled || this.state.value === min}\n onPointerDown={() => this.onPointerDown(this.onDecrement)}\n onPointerUp={this.onPointerUp}\n onPointerLeave={this.onPointerUp}\n type={\"button\"}\n data-label=\"stepper-plus\"\n >\n <MinusIcon />\n </DefaultButton>\n <div className=\"cobalt-Stepper__ContentWrapper\">\n {children ? children(this.state.value) : this.state.value}\n <input type=\"hidden\" name={name} value={this.state.value} />\n </div>\n <DefaultButton\n className=\"cobalt-Stepper__ActionButton\"\n disabled={disabled || this.state.value === max}\n onPointerDown={() => this.onPointerDown(this.onIncrement)}\n onPointerUp={this.onPointerUp}\n onPointerLeave={this.onPointerUp}\n type={\"button\"}\n data-label=\"stepper-minus\"\n >\n <PlusIcon />\n </DefaultButton>\n </div>\n </div>\n )\n }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@drivy/cobalt",
|
|
3
|
-
"version": "0.49.
|
|
3
|
+
"version": "0.49.2",
|
|
4
4
|
"description": "Opinionated design system for Drivy's projects.",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"types": "types/src/index.d.ts",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@getaround-eu/prettier-config": "1.2.1",
|
|
51
51
|
"@getaround-eu/stylelint-config": "3.0.1",
|
|
52
52
|
"@getaround-eu/ts-config": "2.2.1",
|
|
53
|
-
"@rollup/plugin-commonjs": "28.0.
|
|
53
|
+
"@rollup/plugin-commonjs": "28.0.2",
|
|
54
54
|
"@rollup/plugin-json": "6.1.0",
|
|
55
55
|
"@rushstack/eslint-patch": "1.10.4",
|
|
56
56
|
"@storybook/addon-essentials": "7.6.20",
|
|
@@ -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 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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"}
|
package/utils/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../utils/helpers.js"],"sourcesContent":["const themeTokens = require(\"../src/tokens/theme.json\")\nconst palette = require(\"../src/tokens/palette.json\")\n\nconst DEFAULT_KEY = \"DEFAULT\"\nconst COLOR_PREFIX = \"--c\"\n\nconst THEME_MODES = {\n LIGHT: \"light\",\n DARK: \"dark\",\n}\nconst DEFAULT_THEME_MODE = THEME_MODES.LIGHT\nconst MODIFIERS = {\n HOVER: \"hover\",\n PRESS: \"press\",\n}\n\nconst hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)\n\n// Get the CSS Variable name from a palette/colors name\n// ex: (green, 900) => --c-green-900\n// ex: (turquoise, \"\", true) => --c-l-turquoise\nconst getCSSVariableNameFromColorName = ({ color, modifier = \"\" }) => {\n return `${COLOR_PREFIX}-${color}${modifier ? `-${modifier}` : modifier}`\n}\n\n// Get the CSS Variable name from a theme color name and category\n// ex: (background, connect) => --c-background-connect\n// ex: (background, accentInteractive, hover) => --c-background-connect--hover\nconst getCSSVariableNameFromThemeName = ({\n category,\n color,\n modifier = \"\",\n}) => {\n return `${COLOR_PREFIX}-${category}-${color}${\n modifier && modifier !== DEFAULT_KEY ? `--${modifier}` : \"\"\n }`\n}\n\n// Get theme value from theme color name and category\n// ex: (background, connect) => \"turquoise.500/turquoise.500\"\n// ex: (background, accentInteractive, hover) => \"purple.700/purpleDeep.400\"\nconst getThemeValueFromThemeColor = ({ category, color, modifier = \"\" }) => {\n const colorProp = themeTokens[category][color]\n if (typeof colorProp !== \"object\") return colorProp\n if (modifier && modifier in colorProp) {\n return colorProp[modifier]\n }\n if (!modifier && \"DEFAULT\" in colorProp) {\n return colorProp.DEFAULT\n } else {\n return colorProp\n }\n}\n\n// Get the theme final color from the theme color value\n// ex: (\"red.500/red.200\", THEME_MODES.LIGHT) => red.500\n// ex: (\"red.500/red.200\", THEME_MODES.DARK) => red.200\nconst getThemeColorFromThemeValue = (themeValue, mode = DEFAULT_THEME_MODE) => {\n const splitPosition = mode === THEME_MODES.LIGHT ? 0 : 1\n\n return themeValue.split(\"/\")[splitPosition]\n}\n\n// Get the CSS Variable from the theme final color\n// ex: (green.900) => --c-green-900\nconst getColorCSSVariableFromThemeColor = (value) => {\n const [colorName, colorVariant] = value.split(\".\")\n if (colorVariant) {\n return `${COLOR_PREFIX}-${colorName}-${colorVariant}`\n } else {\n return `${COLOR_PREFIX}-${value}`\n }\n}\n\n// Get the color value from the theme final color\n// (red) => #ff7378\n// (red.500) => #c71414\nconst getColorFromThemeColor = (name) => {\n const [colorName, colorVariant] = name.split(\".\")\n if (hasProp(palette, colorName)) {\n if (colorVariant) {\n return palette[colorName][colorVariant]\n } else if (typeof palette[colorName] === \"string\") {\n return palette[colorName]\n } else {\n return palette[colorName][DEFAULT_KEY]\n }\n }\n}\n\n// Get color CSS Variable from theme value\n// ex: (\"red/red.500/red.200\", THEME_MODES.LEGACY) => --c-l-red\n// ex: (\"red/red.500/red.200\", THEME_MODES.LIGHT) => --c-red-500\nconst getColorCSSVariableFromThemeValue = (value, mode = DEFAULT_THEME_MODE) =>\n getColorCSSVariableFromThemeColor(getThemeColorFromThemeValue(value, mode))\n\n// Get color value from the theme value\n// ex: (\"red/red.500/red.200\", THEME_MODES.LEGACY) => #ff7378\n// ex: (\"red/red.500/red.200\", THEME_MODES.LIGHT) => #c71414\nconst getColorFromThemeValue = (value, mode = DEFAULT_THEME_MODE) =>\n getColorFromThemeColor(getThemeColorFromThemeValue(value, mode))\n\nmodule.exports = {\n DEFAULT_THEME_MODE,\n DEFAULT_KEY,\n COLOR_PREFIX,\n MODIFIERS,\n THEME_MODES,\n // Following rule https://eslint.org/docs/rules/no-prototype-builtins\n hasProp,\n getColorCSSVariableFromThemeValue,\n getCSSVariableNameFromThemeName,\n getCSSVariableNameFromColorName,\n getThemeValueFromThemeColor,\n getThemeColorFromThemeValue,\n getColorFromThemeValue,\n getColorsUsingCSSVariables: ({ additionalColors } = {}) => {\n const colorsUsingCSSVariables = JSON.parse(JSON.stringify(themeTokens))\n // eslint-disable-next-line guard-for-in\n for (const category in themeTokens) {\n for (const color in themeTokens[category]) {\n if (typeof themeTokens[category][color] === \"string\") {\n colorsUsingCSSVariables[category][color] =\n `var(${getCSSVariableNameFromThemeName({ category, color })})`\n } else {\n // eslint-disable-next-line guard-for-in\n for (const modifier in themeTokens[category][color]) {\n colorsUsingCSSVariables[category][color][modifier] =\n `var(${getCSSVariableNameFromThemeName({\n category,\n color,\n modifier,\n })})`\n }\n }\n }\n if (additionalColors) {\n for (const color in additionalColors) {\n if (hasProp(additionalColors, color)) {\n colorsUsingCSSVariables[category][color] = additionalColors[color]\n }\n }\n }\n }\n return colorsUsingCSSVariables\n },\n}\n"],"names":[],"mappings":";;;;;;;;;CAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../utils/helpers.js"],"sourcesContent":["const themeTokens = require(\"../src/tokens/theme.json\")\nconst palette = require(\"../src/tokens/palette.json\")\n\nconst DEFAULT_KEY = \"DEFAULT\"\nconst COLOR_PREFIX = \"--c\"\n\nconst THEME_MODES = {\n LIGHT: \"light\",\n DARK: \"dark\",\n}\nconst DEFAULT_THEME_MODE = THEME_MODES.LIGHT\nconst MODIFIERS = {\n HOVER: \"hover\",\n PRESS: \"press\",\n}\n\nconst hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)\n\n// Get the CSS Variable name from a palette/colors name\n// ex: (green, 900) => --c-green-900\n// ex: (turquoise, \"\", true) => --c-l-turquoise\nconst getCSSVariableNameFromColorName = ({ color, modifier = \"\" }) => {\n return `${COLOR_PREFIX}-${color}${modifier ? `-${modifier}` : modifier}`\n}\n\n// Get the CSS Variable name from a theme color name and category\n// ex: (background, connect) => --c-background-connect\n// ex: (background, accentInteractive, hover) => --c-background-connect--hover\nconst getCSSVariableNameFromThemeName = ({\n category,\n color,\n modifier = \"\",\n}) => {\n return `${COLOR_PREFIX}-${category}-${color}${\n modifier && modifier !== DEFAULT_KEY ? `--${modifier}` : \"\"\n }`\n}\n\n// Get theme value from theme color name and category\n// ex: (background, connect) => \"turquoise.500/turquoise.500\"\n// ex: (background, accentInteractive, hover) => \"purple.700/purpleDeep.400\"\nconst getThemeValueFromThemeColor = ({ category, color, modifier = \"\" }) => {\n const colorProp = themeTokens[category][color]\n if (typeof colorProp !== \"object\") return colorProp\n if (modifier && modifier in colorProp) {\n return colorProp[modifier]\n }\n if (!modifier && \"DEFAULT\" in colorProp) {\n return colorProp.DEFAULT\n } else {\n return colorProp\n }\n}\n\n// Get the theme final color from the theme color value\n// ex: (\"red.500/red.200\", THEME_MODES.LIGHT) => red.500\n// ex: (\"red.500/red.200\", THEME_MODES.DARK) => red.200\nconst getThemeColorFromThemeValue = (themeValue, mode = DEFAULT_THEME_MODE) => {\n const splitPosition = mode === THEME_MODES.LIGHT ? 0 : 1\n\n return themeValue.split(\"/\")[splitPosition]\n}\n\n// Get the CSS Variable from the theme final color\n// ex: (green.900) => --c-green-900\nconst getColorCSSVariableFromThemeColor = (value) => {\n const [colorName, colorVariant] = value.split(\".\")\n if (colorVariant) {\n return `${COLOR_PREFIX}-${colorName}-${colorVariant}`\n } else {\n return `${COLOR_PREFIX}-${value}`\n }\n}\n\n// Get the color value from the theme final color\n// (red) => #ff7378\n// (red.500) => #c71414\nconst getColorFromThemeColor = (name) => {\n const [colorName, colorVariant] = name.split(\".\")\n if (hasProp(palette, colorName)) {\n if (colorVariant) {\n return palette[colorName][colorVariant]\n } else if (typeof palette[colorName] === \"string\") {\n return palette[colorName]\n } else {\n return palette[colorName][DEFAULT_KEY]\n }\n }\n}\n\n// Get color CSS Variable from theme value\n// ex: (\"red/red.500/red.200\", THEME_MODES.LEGACY) => --c-l-red\n// ex: (\"red/red.500/red.200\", THEME_MODES.LIGHT) => --c-red-500\nconst getColorCSSVariableFromThemeValue = (value, mode = DEFAULT_THEME_MODE) =>\n getColorCSSVariableFromThemeColor(getThemeColorFromThemeValue(value, mode))\n\n// Get color value from the theme value\n// ex: (\"red/red.500/red.200\", THEME_MODES.LEGACY) => #ff7378\n// ex: (\"red/red.500/red.200\", THEME_MODES.LIGHT) => #c71414\nconst getColorFromThemeValue = (value, mode = DEFAULT_THEME_MODE) =>\n getColorFromThemeColor(getThemeColorFromThemeValue(value, mode))\n\nmodule.exports = {\n DEFAULT_THEME_MODE,\n DEFAULT_KEY,\n COLOR_PREFIX,\n MODIFIERS,\n THEME_MODES,\n // Following rule https://eslint.org/docs/rules/no-prototype-builtins\n hasProp,\n getColorCSSVariableFromThemeValue,\n getCSSVariableNameFromThemeName,\n getCSSVariableNameFromColorName,\n getThemeValueFromThemeColor,\n getThemeColorFromThemeValue,\n getColorFromThemeValue,\n getColorsUsingCSSVariables: ({ additionalColors } = {}) => {\n const colorsUsingCSSVariables = JSON.parse(JSON.stringify(themeTokens))\n // eslint-disable-next-line guard-for-in\n for (const category in themeTokens) {\n for (const color in themeTokens[category]) {\n if (typeof themeTokens[category][color] === \"string\") {\n colorsUsingCSSVariables[category][color] =\n `var(${getCSSVariableNameFromThemeName({ category, color })})`\n } else {\n // eslint-disable-next-line guard-for-in\n for (const modifier in themeTokens[category][color]) {\n colorsUsingCSSVariables[category][color][modifier] =\n `var(${getCSSVariableNameFromThemeName({\n category,\n color,\n modifier,\n })})`\n }\n }\n }\n if (additionalColors) {\n for (const color in additionalColors) {\n if (hasProp(additionalColors, color)) {\n colorsUsingCSSVariables[category][color] = additionalColors[color]\n }\n }\n }\n }\n return colorsUsingCSSVariables\n },\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -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 // add default solid style only if width is not 0\n const styleProp =\n widthTheme[propName] === \"0\" ? {} : { borderStyle: \"solid\" }\n acc[`.border${modifier}`] = {\n borderWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-t${modifier}`] = {\n borderTopWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-r${modifier}`] = {\n borderRightWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-b${modifier}`] = {\n borderBottomWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-l${modifier}`] = {\n borderLeftWidth: widthTheme[propName],\n ...styleProp,\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 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 (colorState === COLOR_STATES.HOVER && enableInteractiveColors) {\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 (colorState === COLOR_STATES.PRESS && enableInteractiveColors) {\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 (subColorState === COLOR_STATES.HOVER && enableInteractiveColors) {\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 (subColorState === COLOR_STATES.PRESS && enableInteractiveColors) {\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 // add default solid style only if width is not 0\n const styleProp =\n widthTheme[propName] === \"0\" ? {} : { borderStyle: \"solid\" }\n acc[`.border${modifier}`] = {\n borderWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-t${modifier}`] = {\n borderTopWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-r${modifier}`] = {\n borderRightWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-b${modifier}`] = {\n borderBottomWidth: widthTheme[propName],\n ...styleProp,\n }\n acc[`.border-l${modifier}`] = {\n borderLeftWidth: widthTheme[propName],\n ...styleProp,\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 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 (colorState === COLOR_STATES.HOVER && enableInteractiveColors) {\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 (colorState === COLOR_STATES.PRESS && enableInteractiveColors) {\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 (subColorState === COLOR_STATES.HOVER && enableInteractiveColors) {\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 (subColorState === COLOR_STATES.PRESS && enableInteractiveColors) {\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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"}
|