@drivy/cobalt 0.47.1 → 0.49.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.
- package/_virtual/_commonjsHelpers.js +6 -0
- package/_virtual/_commonjsHelpers.js.map +1 -0
- package/cjs/tokens/icons.js +3 -0
- package/cjs/tokens/icons.js.map +1 -1
- package/cjs/tokens/theme.js +4 -4
- package/components/Accordion/ToggleIcon.js +6 -2
- package/components/Accordion/ToggleIcon.js.map +1 -1
- package/components/Accordion/index.js +2 -2
- package/components/Accordion/index.js.map +1 -1
- package/components/Form/Stepper.js +7 -2
- package/components/Form/Stepper.js.map +1 -1
- package/components/Icon/__generated__/CircledArrowLeftIcon.js +22 -0
- package/components/Icon/__generated__/CircledArrowLeftIcon.js.map +1 -0
- package/components/Icon/__generated__/FilepdfIcon.js +21 -0
- package/components/Icon/__generated__/FilepdfIcon.js.map +1 -0
- package/components/Icon/__generated__/FilexlsIcon.js +21 -0
- package/components/Icon/__generated__/FilexlsIcon.js.map +1 -0
- package/components/Layout/Components/LayoutCard.js +2 -2
- package/components/Layout/Components/LayoutCard.js.map +1 -1
- package/components/Layout/Components/LayoutSection.js +2 -2
- package/components/Layout/Components/LayoutSection.js.map +1 -1
- package/components/Layout/Surfaces/index.js +6 -3
- package/components/Layout/Surfaces/index.js.map +1 -1
- package/components/Pagination/index.js +66 -0
- package/components/Pagination/index.js.map +1 -0
- package/components/Sidepanel/index.js +14 -10
- package/components/Sidepanel/index.js.map +1 -1
- package/icons/circled-arrow-left.js +4 -0
- package/icons/circled-arrow-left.js.map +1 -0
- package/icons/circled-arrow-left.svg +1 -0
- package/icons/filepdf.js +4 -0
- package/icons/filepdf.js.map +1 -0
- package/icons/filepdf.svg +1 -0
- package/icons/filexls.js +4 -0
- package/icons/filexls.js.map +1 -0
- package/icons/filexls.svg +1 -0
- package/icons/index.js +3 -0
- package/icons/index.js.map +1 -1
- package/index.js +4 -0
- package/index.js.map +1 -1
- package/package.json +30 -34
- package/src/tokens/breakpoints.js +13 -0
- package/src/tokens/breakpoints.js.map +1 -0
- package/src/tokens/colors.js +57 -0
- package/src/tokens/colors.js.map +1 -0
- package/src/tokens/palette.js +163 -0
- package/src/tokens/palette.js.map +1 -0
- package/src/tokens/theme.js +332 -0
- package/src/tokens/theme.js.map +1 -0
- package/src/tokens/zIndexes.js +35 -0
- package/src/tokens/zIndexes.js.map +1 -0
- package/styles/components/Accordion/index.scss +9 -0
- package/styles/components/Form/Stepper.scss +6 -5
- package/styles/components/Form/TextInput.scss +1 -1
- package/styles/components/Form/form.scss +5 -1
- package/styles/components/Layout/Components/index.scss +20 -33
- package/styles/components/Layout/Surfaces/index.scss +9 -10
- package/styles/components/Pagination/index.scss +14 -0
- package/styles/components/Sidepanel/index.scss +29 -1
- package/styles/components.scss +1 -0
- package/styles/core/{default-theme.scss → default-theme.css} +4 -4
- package/styles/core/{theme.scss → theme.css} +4 -4
- package/styles/core/z-index.scss +3 -1
- package/tokens/icons.js +3 -0
- package/tokens/icons.js.map +1 -1
- package/tokens/theme.js +4 -4
- package/types/src/components/Accordion/ToggleIcon.d.ts +2 -1
- package/types/src/components/Accordion/index.d.ts +4 -0
- package/types/src/components/Form/Autocomplete/index.d.ts +1 -1
- package/types/src/components/Form/TextInput.d.ts +1 -1
- package/types/src/components/Icon/__generated__/CircledArrowLeftIcon.d.ts +10 -0
- package/types/src/components/Icon/__generated__/FilepdfIcon.d.ts +10 -0
- package/types/src/components/Icon/__generated__/FilexlsIcon.d.ts +10 -0
- package/types/src/components/Icon/__generated__/index.d.ts +3 -0
- package/types/src/components/Icon/index.d.ts +1 -1
- package/types/src/components/Layout/Components/LayoutCard.d.ts +2 -1
- package/types/src/components/Layout/Components/LayoutSection.d.ts +2 -1
- package/types/src/components/Layout/Surfaces/index.d.ts +6 -3
- package/types/src/components/Pagination/index.d.ts +7 -0
- package/types/src/components/Sidepanel/index.d.ts +5 -2
- package/types/src/icons/index.d.ts +3 -0
- package/types/src/index.d.ts +1 -0
- package/types/src/tokens/index.d.ts +3 -0
- package/utilities.css +4 -18310
- package/utils/getCobaltTailwindcssConfig.js +8 -0
- package/utils/getCobaltTailwindcssConfig.js.map +1 -0
- package/utils/getCobaltTailwindcssConfig2.js +372 -0
- package/utils/getCobaltTailwindcssConfig2.js.map +1 -0
- package/utils/helpers.js +161 -0
- package/utils/helpers.js.map +1 -0
- package/utils/tailwindcssGenerators.js +187 -0
- package/utils/tailwindcssGenerators.js.map +1 -0
- /package/styles/core/{palette.scss → palette.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circled-arrow-left.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.957 16.543 9.414 13H18v-2H9.414l3.543-3.543-1.414-1.414L5.586 12l5.957 5.957z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m2 0a9 9 0 1 1 18 0 9 9 0 0 1-18 0" clip-rule="evenodd"/></svg>
|
package/icons/filepdf.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var filepdf = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M5.375 19.125H3.5a.627.627 0 0 1-.625-.625v-15c0-.344.281-.625.625-.625h6.25V6c0 .691.559 1.25 1.25 1.25h3.125v5.625H16v-5.84a2.5 2.5 0 0 0-.73-1.77L11.734 1.73A2.5 2.5 0 0 0 9.964 1H3.5A2.5 2.5 0 0 0 1 3.5v15C1 19.879 2.121 21 3.5 21h1.875zm13.514-3.762V21h1.434v-2.102h2.183v-1.097h-2.183v-1.285h2.402v-1.153zM13.019 21v-5.637h2.367q.843 0 1.43.325.59.32.898.937t.309 1.496v.008q0 .922-.305 1.566a2.14 2.14 0 0 1-.895.973q-.586.332-1.437.332zm1.433-1.152h.676q.465 0 .781-.192.32-.19.485-.566.168-.38.168-.934v-.008q0-.523-.172-.886a1.2 1.2 0 0 0-.492-.555 1.47 1.47 0 0 0-.77-.191h-.676zm-5.354-.496V21H7.664v-5.637h2.43q.629 0 1.094.25.465.246.718.696.258.445.258 1.05v.008q0 .602-.258 1.051-.254.445-.719.691-.465.243-1.093.243zm0-1.086h.648q.457 0 .711-.23.258-.232.258-.669v-.008q0-.441-.258-.668-.255-.225-.71-.226h-.65z\" clip-rule=\"evenodd\"/></svg>";
|
|
2
|
+
|
|
3
|
+
export { filepdf as default };
|
|
4
|
+
//# sourceMappingURL=filepdf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filepdf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.375 19.125H3.5a.627.627 0 0 1-.625-.625v-15c0-.344.281-.625.625-.625h6.25V6c0 .691.559 1.25 1.25 1.25h3.125v5.625H16v-5.84a2.5 2.5 0 0 0-.73-1.77L11.734 1.73A2.5 2.5 0 0 0 9.964 1H3.5A2.5 2.5 0 0 0 1 3.5v15C1 19.879 2.121 21 3.5 21h1.875zm13.514-3.762V21h1.434v-2.102h2.183v-1.097h-2.183v-1.285h2.402v-1.153zM13.019 21v-5.637h2.367q.843 0 1.43.325.59.32.898.937t.309 1.496v.008q0 .922-.305 1.566a2.14 2.14 0 0 1-.895.973q-.586.332-1.437.332zm1.433-1.152h.676q.465 0 .781-.192.32-.19.485-.566.168-.38.168-.934v-.008q0-.523-.172-.886a1.2 1.2 0 0 0-.492-.555 1.47 1.47 0 0 0-.77-.191h-.676zm-5.354-.496V21H7.664v-5.637h2.43q.629 0 1.094.25.465.246.718.696.258.445.258 1.05v.008q0 .602-.258 1.051-.254.445-.719.691-.465.243-1.093.243zm0-1.086h.648q.457 0 .711-.23.258-.232.258-.669v-.008q0-.441-.258-.668-.255-.225-.71-.226h-.65z" clip-rule="evenodd"/></svg>
|
package/icons/filexls.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var filexls = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M5.375 19.125H3.5a.627.627 0 0 1-.625-.625v-15c0-.344.281-.625.625-.625h6.25V6c0 .691.559 1.25 1.25 1.25h3.125v5.625H16v-5.84a2.5 2.5 0 0 0-.73-1.77L11.734 1.73A2.5 2.5 0 0 0 9.964 1H3.5A2.5 2.5 0 0 0 1 3.5v15C1 19.879 2.121 21 3.5 21h1.875zm13.705 1.824q.516.203 1.22.203.74 0 1.273-.23.531-.234.812-.656.285-.426.285-1v-.004q0-.457-.187-.778a1.4 1.4 0 0 0-.57-.527q-.387-.207-.989-.324l-.582-.113q-.456-.087-.664-.227a.45.45 0 0 1-.203-.387v-.004q0-.168.098-.293a.65.65 0 0 1 .285-.199q.183-.075.437-.074.262 0 .461.074a.8.8 0 0 1 .317.207q.12.129.152.309l.008.043h1.328l-.004-.047a1.77 1.77 0 0 0-.312-.883 1.8 1.8 0 0 0-.762-.605q-.489-.223-1.195-.223-.65 0-1.153.226-.504.223-.793.633-.288.406-.293.957v.004q0 .66.406 1.078.411.419 1.301.594l.582.113q.496.098.703.227a.41.41 0 0 1 .207.367v.004a.48.48 0 0 1-.117.316.73.73 0 0 1-.32.22q-.207.077-.488.077-.285 0-.504-.078a.9.9 0 0 1-.348-.21.53.53 0 0 1-.148-.31l-.004-.034h-1.371l.003.07q.032.524.32.902.294.375.81.582M13.52 21v-5.637h1.433v4.485h2.395V21zm-4.46-2.83L7.339 21h1.528l1.086-1.828h.035L11.086 21h1.61l-1.778-2.819v-.02l1.793-2.798h-1.594l-1.024 1.907h-.042L9.02 15.363H7.34l1.719 2.782z\" clip-rule=\"evenodd\"/></svg>";
|
|
2
|
+
|
|
3
|
+
export { filexls as default };
|
|
4
|
+
//# sourceMappingURL=filexls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filexls.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.375 19.125H3.5a.627.627 0 0 1-.625-.625v-15c0-.344.281-.625.625-.625h6.25V6c0 .691.559 1.25 1.25 1.25h3.125v5.625H16v-5.84a2.5 2.5 0 0 0-.73-1.77L11.734 1.73A2.5 2.5 0 0 0 9.964 1H3.5A2.5 2.5 0 0 0 1 3.5v15C1 19.879 2.121 21 3.5 21h1.875zm13.705 1.824q.516.203 1.22.203.74 0 1.273-.23.531-.234.812-.656.285-.426.285-1v-.004q0-.457-.187-.778a1.4 1.4 0 0 0-.57-.527q-.387-.207-.989-.324l-.582-.113q-.456-.087-.664-.227a.45.45 0 0 1-.203-.387v-.004q0-.168.098-.293a.65.65 0 0 1 .285-.199q.183-.075.437-.074.262 0 .461.074a.8.8 0 0 1 .317.207q.12.129.152.309l.008.043h1.328l-.004-.047a1.77 1.77 0 0 0-.312-.883 1.8 1.8 0 0 0-.762-.605q-.489-.223-1.195-.223-.65 0-1.153.226-.504.223-.793.633-.288.406-.293.957v.004q0 .66.406 1.078.411.419 1.301.594l.582.113q.496.098.703.227a.41.41 0 0 1 .207.367v.004a.48.48 0 0 1-.117.316.73.73 0 0 1-.32.22q-.207.077-.488.077-.285 0-.504-.078a.9.9 0 0 1-.348-.21.53.53 0 0 1-.148-.31l-.004-.034h-1.371l.003.07q.032.524.32.902.294.375.81.582M13.52 21v-5.637h1.433v4.485h2.395V21zm-4.46-2.83L7.339 21h1.528l1.086-1.828h.035L11.086 21h1.61l-1.778-2.819v-.02l1.793-2.798h-1.594l-1.024 1.907h-.042L9.02 15.363H7.34l1.719 2.782z" clip-rule="evenodd"/></svg>
|
package/icons/index.js
CHANGED
|
@@ -61,6 +61,7 @@ export { default as chevronDown } from './chevron-down.js';
|
|
|
61
61
|
export { default as chevronLeft } from './chevron-left.js';
|
|
62
62
|
export { default as chevronRight } from './chevron-right.js';
|
|
63
63
|
export { default as chevronUp } from './chevron-up.js';
|
|
64
|
+
export { default as circledArrowLeft } from './circled-arrow-left.js';
|
|
64
65
|
export { default as circledArrowRight } from './circled-arrow-right.js';
|
|
65
66
|
export { default as city } from './city.js';
|
|
66
67
|
export { default as cleaning } from './cleaning.js';
|
|
@@ -110,6 +111,8 @@ export { default as faceRecognition } from './face-recognition.js';
|
|
|
110
111
|
export { default as facebook } from './facebook.js';
|
|
111
112
|
export { default as family } from './family.js';
|
|
112
113
|
export { default as fileFilled } from './file-filled.js';
|
|
114
|
+
export { default as filepdf } from './filepdf.js';
|
|
115
|
+
export { default as filexls } from './filexls.js';
|
|
113
116
|
export { default as filter } from './filter.js';
|
|
114
117
|
export { default as filters } from './filters.js';
|
|
115
118
|
export { default as flag } from './flag.js';
|
package/icons/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.js
CHANGED
|
@@ -20,6 +20,7 @@ export { ContainedIcon } from './components/ContainedIcon/index.js';
|
|
|
20
20
|
export { default as Modal } from './components/Modal/index.js';
|
|
21
21
|
export { Note } from './components/Note/index.js';
|
|
22
22
|
export { default as PhotoDropzone } from './components/PhotoDropzone/index.js';
|
|
23
|
+
export { default as Pagination } from './components/Pagination/index.js';
|
|
23
24
|
export { Pill, PillGroup } from './components/Pill/index.js';
|
|
24
25
|
export { PlateNumber } from './components/PlateNumber/index.js';
|
|
25
26
|
export { PriceTable, PriceTableRow } from './components/PriceTable/index.js';
|
|
@@ -118,6 +119,7 @@ export { default as ChevronDownIcon } from './components/Icon/__generated__/Chev
|
|
|
118
119
|
export { default as ChevronLeftIcon } from './components/Icon/__generated__/ChevronLeftIcon.js';
|
|
119
120
|
export { default as ChevronRightIcon } from './components/Icon/__generated__/ChevronRightIcon.js';
|
|
120
121
|
export { default as ChevronUpIcon } from './components/Icon/__generated__/ChevronUpIcon.js';
|
|
122
|
+
export { default as CircledArrowLeftIcon } from './components/Icon/__generated__/CircledArrowLeftIcon.js';
|
|
121
123
|
export { default as CircledArrowRightIcon } from './components/Icon/__generated__/CircledArrowRightIcon.js';
|
|
122
124
|
export { default as CityIcon } from './components/Icon/__generated__/CityIcon.js';
|
|
123
125
|
export { default as CleaningIcon } from './components/Icon/__generated__/CleaningIcon.js';
|
|
@@ -167,6 +169,8 @@ export { default as FaceRecognitionIcon } from './components/Icon/__generated__/
|
|
|
167
169
|
export { default as FacebookIcon } from './components/Icon/__generated__/FacebookIcon.js';
|
|
168
170
|
export { default as FamilyIcon } from './components/Icon/__generated__/FamilyIcon.js';
|
|
169
171
|
export { default as FileFilledIcon } from './components/Icon/__generated__/FileFilledIcon.js';
|
|
172
|
+
export { default as FilepdfIcon } from './components/Icon/__generated__/FilepdfIcon.js';
|
|
173
|
+
export { default as FilexlsIcon } from './components/Icon/__generated__/FilexlsIcon.js';
|
|
170
174
|
export { default as FilterIcon } from './components/Icon/__generated__/FilterIcon.js';
|
|
171
175
|
export { default as FiltersIcon } from './components/Icon/__generated__/FiltersIcon.js';
|
|
172
176
|
export { default as FlagIcon } from './components/Icon/__generated__/FlagIcon.js';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@drivy/cobalt",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.49.0",
|
|
4
4
|
"description": "Opinionated design system for Drivy's projects.",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"types": "types/src/index.d.ts",
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"date-fns": "2.30.0",
|
|
36
36
|
"lodash.throttle": "4.1.1",
|
|
37
37
|
"media-typer": "1.1.0",
|
|
38
|
-
"nanoid": "5.0.
|
|
39
|
-
"postcss": "8.4.
|
|
40
|
-
"tailwindcss": "
|
|
38
|
+
"nanoid": "5.0.9",
|
|
39
|
+
"postcss": "8.4.49",
|
|
40
|
+
"tailwindcss": "3.4.16",
|
|
41
41
|
"tippy.js": "6.3.7"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
@@ -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
|
-
"@
|
|
53
|
+
"@rollup/plugin-commonjs": "28.0.1",
|
|
54
54
|
"@rollup/plugin-json": "6.1.0",
|
|
55
55
|
"@rushstack/eslint-patch": "1.10.4",
|
|
56
56
|
"@storybook/addon-essentials": "7.6.20",
|
|
@@ -59,55 +59,54 @@
|
|
|
59
59
|
"@storybook/react": "7.6.20",
|
|
60
60
|
"@storybook/react-webpack5": "7.6.20",
|
|
61
61
|
"@svgr/cli": "7.0.0",
|
|
62
|
-
"@testing-library/jest-dom": "6.
|
|
63
|
-
"@testing-library/react": "
|
|
62
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
63
|
+
"@testing-library/react": "16.1.0",
|
|
64
64
|
"@testing-library/react-hooks": "8.0.1",
|
|
65
65
|
"@types/fs-extra": "11.0.4",
|
|
66
|
-
"@types/jest": "29.5.
|
|
66
|
+
"@types/jest": "29.5.14",
|
|
67
67
|
"@types/lodash.throttle": "4.1.9",
|
|
68
68
|
"@types/media-typer": "1.1.3",
|
|
69
|
-
"@types/node": "20.
|
|
70
|
-
"@types/react": "18.3.
|
|
71
|
-
"@types/react-dom": "18.3.
|
|
69
|
+
"@types/node": "20.17.10",
|
|
70
|
+
"@types/react": "18.3.16",
|
|
71
|
+
"@types/react-dom": "18.3.5",
|
|
72
72
|
"autoprefixer": "10.4.20",
|
|
73
|
-
"core-js": "3.
|
|
74
|
-
"css-loader": "
|
|
75
|
-
"eslint": "8.57.
|
|
76
|
-
"eslint-plugin-storybook": "^0.
|
|
73
|
+
"core-js": "3.39.0",
|
|
74
|
+
"css-loader": "7.1.2",
|
|
75
|
+
"eslint": "8.57.1",
|
|
76
|
+
"eslint-plugin-storybook": "^0.11.1",
|
|
77
77
|
"file-loader": "6.2.0",
|
|
78
78
|
"fs-extra": "11.2.0",
|
|
79
79
|
"html-entities": "2.5.2",
|
|
80
80
|
"jest": "29.7.0",
|
|
81
81
|
"jest-environment-jsdom": "29.7.0",
|
|
82
82
|
"nested-object-access": "^0.2.5",
|
|
83
|
-
"np": "10.0
|
|
83
|
+
"np": "10.1.0",
|
|
84
84
|
"postcss-flexbugs-fixes": "5.0.2",
|
|
85
|
-
"postcss-loader": "
|
|
86
|
-
"prettier": "3.
|
|
85
|
+
"postcss-loader": "8.1.1",
|
|
86
|
+
"prettier": "3.4.2",
|
|
87
87
|
"raw-loader": "4.0.2",
|
|
88
88
|
"react": "18.3.1",
|
|
89
89
|
"react-dom": "18.3.1",
|
|
90
|
-
"react-syntax-highlighter": "15.
|
|
90
|
+
"react-syntax-highlighter": "15.6.1",
|
|
91
91
|
"react-test-renderer": "18.3.1",
|
|
92
|
-
"react-textarea-autosize": "8.5.
|
|
92
|
+
"react-textarea-autosize": "8.5.6",
|
|
93
93
|
"regenerator-runtime": "0.14.1",
|
|
94
94
|
"remark-gfm": "^3.0.1",
|
|
95
|
-
"rollup": "2.79.
|
|
95
|
+
"rollup": "2.79.2",
|
|
96
96
|
"rollup-plugin-copy": "3.5.0",
|
|
97
|
-
"rollup-plugin-postcss": "4.0.2",
|
|
98
97
|
"rollup-plugin-svgo": "2.0.0",
|
|
99
98
|
"rollup-plugin-typescript2": "0.36.0",
|
|
100
|
-
"sass": "1.
|
|
99
|
+
"sass": "1.83.0",
|
|
101
100
|
"sass-loader": "13.3.3",
|
|
102
101
|
"sharp": "0.33.5",
|
|
103
|
-
"sharp-cli": "
|
|
102
|
+
"sharp-cli": "5.1.0",
|
|
104
103
|
"storybook": "7.6.20",
|
|
105
|
-
"style-loader": "
|
|
104
|
+
"style-loader": "4.0.0",
|
|
106
105
|
"stylelint": "15.11.0",
|
|
107
106
|
"svg2vectordrawable": "2.9.1",
|
|
108
107
|
"svgo": "3.3.2",
|
|
109
|
-
"ts-jest": "29.2.
|
|
110
|
-
"tsx": "4.
|
|
108
|
+
"ts-jest": "29.2.5",
|
|
109
|
+
"tsx": "4.19.2",
|
|
111
110
|
"typescript": "5.4.5"
|
|
112
111
|
},
|
|
113
112
|
"keywords": [
|
|
@@ -131,9 +130,6 @@
|
|
|
131
130
|
"registry": "https://registry.npmjs.org",
|
|
132
131
|
"access": "public"
|
|
133
132
|
},
|
|
134
|
-
"resolutions": {
|
|
135
|
-
"jackspeak": "2.1.1"
|
|
136
|
-
},
|
|
137
133
|
"scripts": {
|
|
138
134
|
"build": "./scripts/build.sh",
|
|
139
135
|
"build:dev": "pnpm build && yalc publish dist/",
|
|
@@ -143,15 +139,15 @@
|
|
|
143
139
|
"lint:prettier": "prettier --list-different \"src/**/*.scss\"",
|
|
144
140
|
"lint:css": "stylelint \"src/**/*.scss\"",
|
|
145
141
|
"lint:js": "eslint src/components --ext ts,tsx,js,jsx --max-warnings 0 ",
|
|
146
|
-
"scss:vars": "node -e 'console.log(require(\"./utils/tailwindcssThemeHelpers.js\").getFlattenedTheme())'",
|
|
142
|
+
"scss:vars": "ts-node -e 'console.log(require(\"./utils/tailwindcssThemeHelpers.js\").getFlattenedTheme())'",
|
|
147
143
|
"binary": "sh ./scripts/buildCobaltBinary.sh",
|
|
148
|
-
"storybook": "
|
|
149
|
-
"storybook
|
|
144
|
+
"storybook:prepare": "PLAYGROUND_GENERATION=true npx tailwindcss -i ./src/utilities.css -o ./src/_generated_tailwind_playground.css && PLAYGROUND_GENERATION=false",
|
|
145
|
+
"storybook": "pnpm storybook:prepare && storybook dev -p 6006",
|
|
146
|
+
"storybook:build": "pnpm storybook:prepare && storybook build",
|
|
150
147
|
"build:icons": "./scripts/buildIcons.sh",
|
|
151
148
|
"build:illustrations": "./scripts/buildIllustrations.sh",
|
|
152
149
|
"build:theme": "tsx ./scripts/buildThemeCSSVariables.mts",
|
|
153
150
|
"test": "jest",
|
|
154
|
-
"percy": "storybook build && percy-storybook --widths=320,1280",
|
|
155
151
|
"typecheck": "tsc",
|
|
156
152
|
"version": "cp package.json dist/package.json"
|
|
157
153
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
const white = "#fff";
|
|
2
|
+
const grey = {
|
|
3
|
+
lighter: "#f8f7f8",
|
|
4
|
+
light: "#edebed",
|
|
5
|
+
DEFAULT: "#dbd8dc",
|
|
6
|
+
dark: "#a49da7"
|
|
7
|
+
};
|
|
8
|
+
const indigo = {
|
|
9
|
+
DEFAULT: "#61366b",
|
|
10
|
+
dark: "#390446"
|
|
11
|
+
};
|
|
12
|
+
const purple = {
|
|
13
|
+
light: "#d076ca",
|
|
14
|
+
DEFAULT: "#b01aa7"
|
|
15
|
+
};
|
|
16
|
+
const graphite = {
|
|
17
|
+
light: "#757575",
|
|
18
|
+
DEFAULT: "#333"
|
|
19
|
+
};
|
|
20
|
+
const turquoise = "#5ecbdd";
|
|
21
|
+
const coral = "#ffa484";
|
|
22
|
+
const amber = "#ffc25a";
|
|
23
|
+
const red = "#ff7378";
|
|
24
|
+
const green = {
|
|
25
|
+
light: "#0fffb3",
|
|
26
|
+
DEFAULT: "#00da94",
|
|
27
|
+
dark: "#00a873"
|
|
28
|
+
};
|
|
29
|
+
const blue = "#2ea2ea";
|
|
30
|
+
const deprecatedBlueGhost = "#2ea2ea0f";
|
|
31
|
+
const deprecatedDriver = "#ffd988";
|
|
32
|
+
const deprecatedSeasonLow = "#BDFFAC";
|
|
33
|
+
const deprecatedSeasonMedium = "#94EA84";
|
|
34
|
+
const deprecatedSeasonHigh = "#73C865";
|
|
35
|
+
const deprecatedSeasonVeryHigh = "#54A949";
|
|
36
|
+
var require$$1 = {
|
|
37
|
+
white: white,
|
|
38
|
+
grey: grey,
|
|
39
|
+
indigo: indigo,
|
|
40
|
+
purple: purple,
|
|
41
|
+
graphite: graphite,
|
|
42
|
+
turquoise: turquoise,
|
|
43
|
+
coral: coral,
|
|
44
|
+
amber: amber,
|
|
45
|
+
red: red,
|
|
46
|
+
green: green,
|
|
47
|
+
blue: blue,
|
|
48
|
+
deprecatedBlueGhost: deprecatedBlueGhost,
|
|
49
|
+
deprecatedDriver: deprecatedDriver,
|
|
50
|
+
deprecatedSeasonLow: deprecatedSeasonLow,
|
|
51
|
+
deprecatedSeasonMedium: deprecatedSeasonMedium,
|
|
52
|
+
deprecatedSeasonHigh: deprecatedSeasonHigh,
|
|
53
|
+
deprecatedSeasonVeryHigh: deprecatedSeasonVeryHigh
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
export { amber, blue, coral, require$$1 as default, deprecatedBlueGhost, deprecatedDriver, deprecatedSeasonHigh, deprecatedSeasonLow, deprecatedSeasonMedium, deprecatedSeasonVeryHigh, graphite, green, grey, indigo, purple, red, turquoise, white };
|
|
57
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
const white = "#FFFFFF";
|
|
2
|
+
const purple = {
|
|
3
|
+
"100": "#F8F2F8",
|
|
4
|
+
"200": "#F0E1EE",
|
|
5
|
+
"300": "#DB97D5",
|
|
6
|
+
"400": "#D54AC8",
|
|
7
|
+
"500": "#B01AA7",
|
|
8
|
+
"600": "#A6199D",
|
|
9
|
+
"700": "#901588",
|
|
10
|
+
"800": "#75116F",
|
|
11
|
+
"900": "#530C4F",
|
|
12
|
+
"1000": "#3E093B",
|
|
13
|
+
"1100": "#280626",
|
|
14
|
+
"1200": "#160315"
|
|
15
|
+
};
|
|
16
|
+
const navy = {
|
|
17
|
+
"50": "#F1F1F4",
|
|
18
|
+
"100": "#E3E2E8",
|
|
19
|
+
"120": "#CAC7D2",
|
|
20
|
+
"200": "#BBB8C7",
|
|
21
|
+
"300": "#7B728E",
|
|
22
|
+
"400": "#554B70",
|
|
23
|
+
"500": "#362E53",
|
|
24
|
+
"700": "#261A48",
|
|
25
|
+
"900": "#0F0429"
|
|
26
|
+
};
|
|
27
|
+
const yellow = {
|
|
28
|
+
"100": "#FFEED1",
|
|
29
|
+
"300": "#FFDDA3",
|
|
30
|
+
"400": "#FFD387",
|
|
31
|
+
"500": "#FFC766",
|
|
32
|
+
"700": "#C59548",
|
|
33
|
+
"900": "#75592D",
|
|
34
|
+
"1000": "#3B2E17"
|
|
35
|
+
};
|
|
36
|
+
const green = {
|
|
37
|
+
"100": "#F4F9F3",
|
|
38
|
+
"200": "#E5F2E4",
|
|
39
|
+
"300": "#C8E5C6",
|
|
40
|
+
"400": "#93D790",
|
|
41
|
+
"500": "#5CBF54",
|
|
42
|
+
"700": "#479D3E",
|
|
43
|
+
"900": "#2F6D1C",
|
|
44
|
+
"1000": "#1B500A",
|
|
45
|
+
"1100": "#143B05",
|
|
46
|
+
"1200": "#102E03"
|
|
47
|
+
};
|
|
48
|
+
const red = {
|
|
49
|
+
"100": "#FDEDED",
|
|
50
|
+
"120": "#F7E9E9",
|
|
51
|
+
"150": "#EED0D0",
|
|
52
|
+
"200": "#E5B5B5",
|
|
53
|
+
"300": "#DB9494",
|
|
54
|
+
"400": "#D16969",
|
|
55
|
+
"500": "#C71414",
|
|
56
|
+
"600": "#B61212",
|
|
57
|
+
"700": "#A21010",
|
|
58
|
+
"800": "#8D0E0E",
|
|
59
|
+
"900": "#730C0C",
|
|
60
|
+
"1000": "#510808",
|
|
61
|
+
"1200": "#4A0707",
|
|
62
|
+
"1300": "#420707",
|
|
63
|
+
"1400": "#390606",
|
|
64
|
+
"1500": "#2F0505",
|
|
65
|
+
"1600": "#210303"
|
|
66
|
+
};
|
|
67
|
+
const orange = {
|
|
68
|
+
"100": "#F1D5B1",
|
|
69
|
+
"300": "#EEC186",
|
|
70
|
+
"500": "#E39735",
|
|
71
|
+
"900": "#462E0C"
|
|
72
|
+
};
|
|
73
|
+
const black = {
|
|
74
|
+
"50": "#544F53",
|
|
75
|
+
"75": "#443F44",
|
|
76
|
+
"100": "#363036",
|
|
77
|
+
"200": "#2E292E",
|
|
78
|
+
"300": "#282127",
|
|
79
|
+
"400": "#251D24",
|
|
80
|
+
"500": "#191218",
|
|
81
|
+
"600": "#0F0A0E",
|
|
82
|
+
"700": "#090609",
|
|
83
|
+
"800": "#030203",
|
|
84
|
+
"1000": "#000000"
|
|
85
|
+
};
|
|
86
|
+
const grey = {
|
|
87
|
+
"50": "#F8F9FA",
|
|
88
|
+
"100": "#E3E2E3",
|
|
89
|
+
"200": "#C3C1C3",
|
|
90
|
+
"300": "#A9A6A9",
|
|
91
|
+
"400": "#9D9A9D",
|
|
92
|
+
"500": "#918D91",
|
|
93
|
+
"600": "#7D787D",
|
|
94
|
+
"700": "#6A676A"
|
|
95
|
+
};
|
|
96
|
+
const blue = {
|
|
97
|
+
"100": "#F5F8FF",
|
|
98
|
+
"200": "#E5EDFF",
|
|
99
|
+
"300": "#B7D3FF",
|
|
100
|
+
"400": "#74B0FF",
|
|
101
|
+
"500": "#1F81F3",
|
|
102
|
+
"600": "#185BD1",
|
|
103
|
+
"700": "#1B3B8B",
|
|
104
|
+
"800": "#19255C",
|
|
105
|
+
"900": "#151C38",
|
|
106
|
+
"1000": "#101423",
|
|
107
|
+
"1100": "#0D1016",
|
|
108
|
+
"1200": "#0A0B0F"
|
|
109
|
+
};
|
|
110
|
+
const turquoise = {
|
|
111
|
+
"50": "#ECF9FB",
|
|
112
|
+
"100": "#CFEFF5",
|
|
113
|
+
"200": "#AFE5EE",
|
|
114
|
+
"300": "#8EDBE7",
|
|
115
|
+
"400": "#76D3E2",
|
|
116
|
+
"500": "#5ECBDD",
|
|
117
|
+
"600": "#56C6D9",
|
|
118
|
+
"700": "#4CBED4",
|
|
119
|
+
"800": "#42B8CF",
|
|
120
|
+
"900": "#31ACC7",
|
|
121
|
+
"1200": "#11505E"
|
|
122
|
+
};
|
|
123
|
+
const season = {
|
|
124
|
+
"100": "#A9D4A8",
|
|
125
|
+
"200": "#9FD09E",
|
|
126
|
+
"300": "#7CC27B",
|
|
127
|
+
"400": "#56B654",
|
|
128
|
+
"500": "#24AA1F",
|
|
129
|
+
"600": "#229F1C",
|
|
130
|
+
"700": "#1F931A",
|
|
131
|
+
"800": "#1D8618",
|
|
132
|
+
"900": "#1A7816",
|
|
133
|
+
"1000": "#166612",
|
|
134
|
+
"1100": "#11510F",
|
|
135
|
+
"1200": "#0A3109"
|
|
136
|
+
};
|
|
137
|
+
const newPurple = {
|
|
138
|
+
"200": "#E46FEE",
|
|
139
|
+
"500": "#BC00CC"
|
|
140
|
+
};
|
|
141
|
+
const newViolet = {
|
|
142
|
+
"200": "#B86FFF",
|
|
143
|
+
"500": "#6C06B5"
|
|
144
|
+
};
|
|
145
|
+
var require$$1 = {
|
|
146
|
+
white: white,
|
|
147
|
+
purple: purple,
|
|
148
|
+
navy: navy,
|
|
149
|
+
yellow: yellow,
|
|
150
|
+
green: green,
|
|
151
|
+
red: red,
|
|
152
|
+
orange: orange,
|
|
153
|
+
black: black,
|
|
154
|
+
grey: grey,
|
|
155
|
+
blue: blue,
|
|
156
|
+
turquoise: turquoise,
|
|
157
|
+
season: season,
|
|
158
|
+
newPurple: newPurple,
|
|
159
|
+
newViolet: newViolet
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
export { black, blue, require$$1 as default, green, grey, navy, newPurple, newViolet, orange, purple, red, season, turquoise, white, yellow };
|
|
163
|
+
//# sourceMappingURL=palette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|