@drivy/cobalt 0.48.0 → 0.49.1

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 (92) hide show
  1. package/_virtual/_commonjsHelpers.js +6 -0
  2. package/_virtual/_commonjsHelpers.js.map +1 -0
  3. package/cjs/tokens/icons.js +3 -0
  4. package/cjs/tokens/icons.js.map +1 -1
  5. package/cjs/tokens/theme.js +4 -4
  6. package/components/Accordion/ToggleIcon.js +6 -2
  7. package/components/Accordion/ToggleIcon.js.map +1 -1
  8. package/components/Accordion/index.js +2 -2
  9. package/components/Accordion/index.js.map +1 -1
  10. package/components/Form/Stepper.js +7 -2
  11. package/components/Form/Stepper.js.map +1 -1
  12. package/components/Icon/__generated__/CircledArrowLeftIcon.js +22 -0
  13. package/components/Icon/__generated__/CircledArrowLeftIcon.js.map +1 -0
  14. package/components/Icon/__generated__/FilepdfIcon.js +21 -0
  15. package/components/Icon/__generated__/FilepdfIcon.js.map +1 -0
  16. package/components/Icon/__generated__/FilexlsIcon.js +21 -0
  17. package/components/Icon/__generated__/FilexlsIcon.js.map +1 -0
  18. package/components/Layout/Components/LayoutCard.js +2 -2
  19. package/components/Layout/Components/LayoutCard.js.map +1 -1
  20. package/components/Layout/Components/LayoutSection.js +2 -2
  21. package/components/Layout/Components/LayoutSection.js.map +1 -1
  22. package/components/Layout/Surfaces/index.js +6 -3
  23. package/components/Layout/Surfaces/index.js.map +1 -1
  24. package/components/Pagination/index.js +66 -0
  25. package/components/Pagination/index.js.map +1 -0
  26. package/components/Sidepanel/index.js +6 -4
  27. package/components/Sidepanel/index.js.map +1 -1
  28. package/icons/circled-arrow-left.js +4 -0
  29. package/icons/circled-arrow-left.js.map +1 -0
  30. package/icons/circled-arrow-left.svg +1 -0
  31. package/icons/filepdf.js +4 -0
  32. package/icons/filepdf.js.map +1 -0
  33. package/icons/filepdf.svg +1 -0
  34. package/icons/filexls.js +4 -0
  35. package/icons/filexls.js.map +1 -0
  36. package/icons/filexls.svg +1 -0
  37. package/icons/index.js +3 -0
  38. package/icons/index.js.map +1 -1
  39. package/index.js +4 -0
  40. package/index.js.map +1 -1
  41. package/package.json +30 -34
  42. package/src/tokens/breakpoints.js +13 -0
  43. package/src/tokens/breakpoints.js.map +1 -0
  44. package/src/tokens/colors.js +57 -0
  45. package/src/tokens/colors.js.map +1 -0
  46. package/src/tokens/palette.js +163 -0
  47. package/src/tokens/palette.js.map +1 -0
  48. package/src/tokens/theme.js +332 -0
  49. package/src/tokens/theme.js.map +1 -0
  50. package/src/tokens/zIndexes.js +35 -0
  51. package/src/tokens/zIndexes.js.map +1 -0
  52. package/styles/components/Accordion/index.scss +9 -0
  53. package/styles/components/Form/Stepper.scss +6 -5
  54. package/styles/components/Form/TextInput.scss +1 -1
  55. package/styles/components/Form/form.scss +5 -1
  56. package/styles/components/Layout/Components/index.scss +20 -33
  57. package/styles/components/Layout/Surfaces/index.scss +9 -10
  58. package/styles/components/Pagination/index.scss +14 -0
  59. package/styles/components/Sidepanel/index.scss +0 -1
  60. package/styles/components.scss +1 -0
  61. package/styles/core/{default-theme.scss → default-theme.css} +4 -4
  62. package/styles/core/{theme.scss → theme.css} +4 -4
  63. package/tokens/icons.js +3 -0
  64. package/tokens/icons.js.map +1 -1
  65. package/tokens/theme.js +4 -4
  66. package/types/src/components/Accordion/ToggleIcon.d.ts +2 -1
  67. package/types/src/components/Accordion/index.d.ts +4 -0
  68. package/types/src/components/Form/Autocomplete/index.d.ts +1 -1
  69. package/types/src/components/Form/TextInput.d.ts +1 -1
  70. package/types/src/components/Icon/__generated__/CircledArrowLeftIcon.d.ts +10 -0
  71. package/types/src/components/Icon/__generated__/FilepdfIcon.d.ts +10 -0
  72. package/types/src/components/Icon/__generated__/FilexlsIcon.d.ts +10 -0
  73. package/types/src/components/Icon/__generated__/index.d.ts +3 -0
  74. package/types/src/components/Icon/index.d.ts +1 -1
  75. package/types/src/components/Layout/Components/LayoutCard.d.ts +2 -1
  76. package/types/src/components/Layout/Components/LayoutSection.d.ts +2 -1
  77. package/types/src/components/Layout/Surfaces/index.d.ts +6 -3
  78. package/types/src/components/Pagination/index.d.ts +7 -0
  79. package/types/src/components/Sidepanel/index.d.ts +4 -2
  80. package/types/src/icons/index.d.ts +3 -0
  81. package/types/src/index.d.ts +1 -0
  82. package/types/src/tokens/index.d.ts +3 -0
  83. package/utilities.css +4 -18310
  84. package/utils/getCobaltTailwindcssConfig.js +8 -0
  85. package/utils/getCobaltTailwindcssConfig.js.map +1 -0
  86. package/utils/getCobaltTailwindcssConfig2.js +372 -0
  87. package/utils/getCobaltTailwindcssConfig2.js.map +1 -0
  88. package/utils/helpers.js +161 -0
  89. package/utils/helpers.js.map +1 -0
  90. package/utils/tailwindcssGenerators.js +187 -0
  91. package/utils/tailwindcssGenerators.js.map +1 -0
  92. /package/styles/core/{palette.scss → palette.css} +0 -0
@@ -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>
@@ -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';
@@ -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.48.0",
3
+ "version": "0.49.1",
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.7",
39
- "postcss": "8.4.41",
40
- "tailwindcss": "2.2.19",
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
- "@percy/storybook": "4.3.6",
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.4.8",
63
- "@testing-library/react": "14.3.1",
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.12",
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.11.13",
70
- "@types/react": "18.3.4",
71
- "@types/react-dom": "18.3.0",
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.38.1",
74
- "css-loader": "6.11.0",
75
- "eslint": "8.57.0",
76
- "eslint-plugin-storybook": "^0.8.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.7",
83
+ "np": "10.1.0",
84
84
  "postcss-flexbugs-fixes": "5.0.2",
85
- "postcss-loader": "7.3.4",
86
- "prettier": "3.3.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.5.0",
90
+ "react-syntax-highlighter": "15.6.1",
91
91
  "react-test-renderer": "18.3.1",
92
- "react-textarea-autosize": "8.5.3",
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.1",
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.77.8",
99
+ "sass": "1.83.0",
101
100
  "sass-loader": "13.3.3",
102
101
  "sharp": "0.33.5",
103
- "sharp-cli": "4.2.0",
102
+ "sharp-cli": "5.1.0",
104
103
  "storybook": "7.6.20",
105
- "style-loader": "3.3.4",
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.4",
110
- "tsx": "4.17.0",
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": "storybook dev -p 6006",
149
- "storybook:build": "storybook build",
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,13 @@
1
+ const xs = "480px";
2
+ const sm = "768px";
3
+ const md = "992px";
4
+ const lg = "1200px";
5
+ var require$$0 = {
6
+ xs: xs,
7
+ sm: sm,
8
+ md: md,
9
+ lg: lg
10
+ };
11
+
12
+ export { require$$0 as default, lg, md, sm, xs };
13
+ //# sourceMappingURL=breakpoints.js.map
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}