@overmap-ai/forms 1.0.17-master.2 → 1.0.17-master.3

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 (131) hide show
  1. package/package.json +4 -1
  2. package/.husky/pre-commit +0 -6
  3. package/.prettierrc.json +0 -10
  4. package/.storybook/StoryDecorator.tsx +0 -22
  5. package/.storybook/main.ts +0 -20
  6. package/.storybook/palettes/green.css +0 -66
  7. package/.storybook/palettes/red.css +0 -66
  8. package/.storybook/preview.css +0 -39
  9. package/.storybook/preview.tsx +0 -31
  10. package/.storybook/tailwind-theme/accentPalette.css +0 -181
  11. package/.storybook/tailwind-theme/backgrounds.css +0 -11
  12. package/.storybook/tailwind-theme/basePalette.css +0 -178
  13. package/dev/publish-alpha.sh +0 -13
  14. package/dev/publish-patch.sh +0 -3
  15. package/eslint.config.js +0 -56
  16. package/src/ColorPicker/ColorPicker.tsx +0 -47
  17. package/src/ColorPicker/index.ts +0 -1
  18. package/src/FileBadge/FileBadge.tsx +0 -27
  19. package/src/FileBadge/index.ts +0 -1
  20. package/src/FileCard/FileCard.stories.tsx +0 -69
  21. package/src/FileCard/FileCard.tsx +0 -53
  22. package/src/FileCard/index.ts +0 -1
  23. package/src/FileIcon/FileIcon.tsx +0 -31
  24. package/src/FileIcon/index.ts +0 -1
  25. package/src/FileViewer/FileViewerProvider.stories.tsx +0 -50
  26. package/src/FileViewer/FileViewerProvider.tsx +0 -72
  27. package/src/FileViewer/context.ts +0 -11
  28. package/src/FileViewer/index.ts +0 -3
  29. package/src/FileViewer/typings.ts +0 -5
  30. package/src/ImageCard/ImageCard.stories.tsx +0 -94
  31. package/src/ImageCard/ImageCard.tsx +0 -82
  32. package/src/ImageCard/index.ts +0 -1
  33. package/src/ImageMarkup/ImageMarkup.stories.tsx +0 -65
  34. package/src/ImageMarkup/ImageMarkup.tsx +0 -268
  35. package/src/ImageMarkup/index.ts +0 -1
  36. package/src/ImageViewer/ImageViewer.stories.tsx +0 -57
  37. package/src/ImageViewer/ImageViewer.tsx +0 -124
  38. package/src/ImageViewer/constants.ts +0 -1
  39. package/src/ImageViewer/index.ts +0 -2
  40. package/src/PDFViewer/PDFViewer.stories.tsx +0 -55
  41. package/src/PDFViewer/PDFViewer.tsx +0 -170
  42. package/src/PDFViewer/constants.ts +0 -1
  43. package/src/PDFViewer/index.ts +0 -2
  44. package/src/SpreadsheetViewer/SpreadsheetViewer.stories.tsx +0 -55
  45. package/src/SpreadsheetViewer/SpreadsheetViewer.tsx +0 -162
  46. package/src/SpreadsheetViewer/constants.ts +0 -8
  47. package/src/SpreadsheetViewer/index.ts +0 -2
  48. package/src/forms/builder/DropDispatch.ts +0 -84
  49. package/src/forms/builder/FieldActions.tsx +0 -155
  50. package/src/forms/builder/FieldBuilder.tsx +0 -386
  51. package/src/forms/builder/FieldSectionWithActions.tsx +0 -260
  52. package/src/forms/builder/FieldWithActions.tsx +0 -129
  53. package/src/forms/builder/FieldsEditor.tsx +0 -180
  54. package/src/forms/builder/FormBuilder.stories.tsx +0 -105
  55. package/src/forms/builder/FormBuilder.tsx +0 -237
  56. package/src/forms/builder/constants.ts +0 -18
  57. package/src/forms/builder/hooks.tsx +0 -24
  58. package/src/forms/builder/index.ts +0 -2
  59. package/src/forms/builder/typings.ts +0 -18
  60. package/src/forms/builder/utils.ts +0 -229
  61. package/src/forms/constants.ts +0 -9
  62. package/src/forms/constantsJsx.tsx +0 -67
  63. package/src/forms/fields/BaseField/BaseField.ts +0 -152
  64. package/src/forms/fields/BaseField/hooks.tsx +0 -60
  65. package/src/forms/fields/BaseField/index.ts +0 -4
  66. package/src/forms/fields/BaseField/layouts.tsx +0 -100
  67. package/src/forms/fields/BaseField/typings.ts +0 -9
  68. package/src/forms/fields/BooleanField/BooleanField.tsx +0 -48
  69. package/src/forms/fields/BooleanField/BooleanInput.tsx +0 -54
  70. package/src/forms/fields/BooleanField/index.ts +0 -2
  71. package/src/forms/fields/CustomField/CustomField.tsx +0 -45
  72. package/src/forms/fields/CustomField/FieldInputClonerField/FieldInputCloner.tsx +0 -25
  73. package/src/forms/fields/CustomField/FieldInputClonerField/FieldInputClonerField.tsx +0 -26
  74. package/src/forms/fields/CustomField/FieldInputClonerField/index.ts +0 -3
  75. package/src/forms/fields/CustomField/FieldInputClonerField/typings.ts +0 -8
  76. package/src/forms/fields/CustomField/index.ts +0 -1
  77. package/src/forms/fields/DateField/DateField.tsx +0 -42
  78. package/src/forms/fields/DateField/DateInput.tsx +0 -39
  79. package/src/forms/fields/DateField/index.ts +0 -2
  80. package/src/forms/fields/FieldSection/FieldSection.tsx +0 -173
  81. package/src/forms/fields/FieldSection/FieldSectionLayout.tsx +0 -56
  82. package/src/forms/fields/FieldSection/index.ts +0 -1
  83. package/src/forms/fields/MultiStringField/MultiStringField.tsx +0 -90
  84. package/src/forms/fields/MultiStringField/MultiStringInput.tsx +0 -207
  85. package/src/forms/fields/MultiStringField/index.ts +0 -2
  86. package/src/forms/fields/NumberField/NumberField.tsx +0 -173
  87. package/src/forms/fields/NumberField/NumberInput.tsx +0 -44
  88. package/src/forms/fields/NumberField/index.ts +0 -2
  89. package/src/forms/fields/QrField/QrField.tsx +0 -38
  90. package/src/forms/fields/QrField/QrInput.module.sass +0 -5
  91. package/src/forms/fields/QrField/QrInput.tsx +0 -144
  92. package/src/forms/fields/QrField/index.ts +0 -2
  93. package/src/forms/fields/SelectField/BaseSelectField.ts +0 -73
  94. package/src/forms/fields/SelectField/MultiSelectField.tsx +0 -53
  95. package/src/forms/fields/SelectField/MultiSelectInput.tsx +0 -80
  96. package/src/forms/fields/SelectField/SelectField.tsx +0 -49
  97. package/src/forms/fields/SelectField/SelectInput.tsx +0 -69
  98. package/src/forms/fields/SelectField/index.ts +0 -4
  99. package/src/forms/fields/StringOrTextFields/StringField/StringField.tsx +0 -61
  100. package/src/forms/fields/StringOrTextFields/StringField/StringInput.tsx +0 -41
  101. package/src/forms/fields/StringOrTextFields/StringField/index.ts +0 -2
  102. package/src/forms/fields/StringOrTextFields/StringOrTextField.ts +0 -143
  103. package/src/forms/fields/StringOrTextFields/TextField/TextField.tsx +0 -52
  104. package/src/forms/fields/StringOrTextFields/TextField/TextInput.tsx +0 -42
  105. package/src/forms/fields/StringOrTextFields/TextField/index.ts +0 -2
  106. package/src/forms/fields/StringOrTextFields/index.ts +0 -2
  107. package/src/forms/fields/UploadField/UploadField.tsx +0 -156
  108. package/src/forms/fields/UploadField/UploadInput.tsx +0 -220
  109. package/src/forms/fields/UploadField/index.ts +0 -2
  110. package/src/forms/fields/UploadField/utils.ts +0 -17
  111. package/src/forms/fields/constants.ts +0 -43
  112. package/src/forms/fields/hooks.tsx +0 -26
  113. package/src/forms/fields/index.ts +0 -12
  114. package/src/forms/fields/typings.ts +0 -45
  115. package/src/forms/fields/utils.ts +0 -125
  116. package/src/forms/index.ts +0 -5
  117. package/src/forms/renderer/FormRenderer/FormRenderer.stories.tsx +0 -142
  118. package/src/forms/renderer/FormRenderer/FormRenderer.tsx +0 -135
  119. package/src/forms/renderer/PatchForm/Field.tsx +0 -41
  120. package/src/forms/renderer/PatchForm/PatchForm.stories.tsx +0 -91
  121. package/src/forms/renderer/PatchForm/Provider.tsx +0 -119
  122. package/src/forms/renderer/PatchForm/index.ts +0 -2
  123. package/src/forms/renderer/index.ts +0 -2
  124. package/src/forms/typings.ts +0 -162
  125. package/src/forms/utils.ts +0 -69
  126. package/src/index.ts +0 -11
  127. package/src/vite-env.d.ts +0 -1
  128. package/tailwind.config.ts +0 -8
  129. package/tsconfig.json +0 -26
  130. package/tsconfig.node.json +0 -10
  131. package/vite.config.ts +0 -23
package/package.json CHANGED
@@ -1,12 +1,15 @@
1
1
  {
2
2
  "name": "@overmap-ai/forms",
3
3
  "private": false,
4
- "version": "1.0.17-master.2",
4
+ "version": "1.0.17-master.3",
5
5
  "license": "UNLICENSED",
6
6
  "main": "dist/forms.umd.cjs",
7
7
  "module": "dist/forms.js",
8
8
  "types": "dist/index.d.ts",
9
9
  "type": "module",
10
+ "files": [
11
+ "dist"
12
+ ],
10
13
  "scripts": {
11
14
  "dev": "vite",
12
15
  "build": "tsc && vite build",
package/.husky/pre-commit DELETED
@@ -1,6 +0,0 @@
1
- branch="$(git rev-parse --abbrev-ref HEAD)"
2
- if [ "$branch" = "master" ]; then
3
- >&2 echo "WARNING! YOU ARE COMMITTING DIRECTLY TO MASTER!"
4
- fi
5
-
6
- yarn lint:fix || exit 1
package/.prettierrc.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "printWidth": 120,
3
- "singleQuote": false,
4
- "semi": false,
5
- "useTabs": true,
6
- "tabWidth": 4,
7
- "trailingComma": "all",
8
- "bracketSpacing": true,
9
- "endOfLine": "auto"
10
- }
@@ -1,22 +0,0 @@
1
- import { Provider, ToastProvider } from "@overmap-ai/blocks"
2
- import { ReactRenderer } from "@storybook/react"
3
- import type { DecoratorFunction } from "@storybook/types"
4
- import { FC } from "react"
5
-
6
- import { FileViewerProvider } from "../src"
7
-
8
- export const StoryDecorator: DecoratorFunction<ReactRenderer> = (Story) => {
9
- const StoryComponent = Story as FC
10
- return (
11
- // <Provider store={storyStore}>
12
- <Provider accentColor="primary">
13
- <FileViewerProvider>
14
- <ToastProvider>
15
- <div className="h-full w-full p-5">
16
- <StoryComponent />
17
- </div>
18
- </ToastProvider>
19
- </FileViewerProvider>
20
- </Provider>
21
- )
22
- }
@@ -1,20 +0,0 @@
1
- import type { StorybookConfig } from "@storybook/react-vite"
2
-
3
- const config: StorybookConfig = {
4
- stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
5
- addons: [
6
- "@storybook/addon-essentials",
7
- "@chromatic-com/storybook",
8
- "@storybook/addon-interactions",
9
- "@storybook/addon-themes",
10
- "@storybook/addon-viewport",
11
- "@storybook/addon-a11y",
12
- ],
13
- framework: {
14
- name: "@storybook/react-vite",
15
- options: {
16
- strictMode: true,
17
- },
18
- },
19
- }
20
- export default config
@@ -1,66 +0,0 @@
1
- @import "@radix-ui/colors/green.css";
2
- @import "@radix-ui/colors/green-alpha.css";
3
- @import "@radix-ui/colors/green-dark.css";
4
- @import "@radix-ui/colors/green-dark-alpha.css";
5
-
6
- :root {
7
- --green-contrast: white;
8
- }
9
-
10
- :root,
11
- .light,
12
- .light-theme {
13
- --green-surface: #f1faf4cc;
14
- --green-indicator: var(--green-9);
15
- --green-track: var(--green-9);
16
- @supports (color: color(display-p3 1 1 1)) {
17
- @media (color-gamut: p3) {
18
- --green-surface: color(display-p3 0.9569 0.9804 0.9608 / 0.8);
19
- }
20
- }
21
- }
22
-
23
- .dark,
24
- .dark-theme {
25
- --green-surface: #15251d80;
26
- --green-indicator: var(--green-9);
27
- --green-track: var(--green-9);
28
- @supports (color: color(display-p3 1 1 1)) {
29
- @media (color-gamut: p3) {
30
- --green-surface: color(display-p3 0.0941 0.1412 0.1098 / 0.5);
31
- }
32
- }
33
- }
34
-
35
- [data-accent-color="success"] {
36
- --accent-1: var(--green-1);
37
- --accent-2: var(--green-2);
38
- --accent-3: var(--green-3);
39
- --accent-4: var(--green-4);
40
- --accent-5: var(--green-5);
41
- --accent-6: var(--green-6);
42
- --accent-7: var(--green-7);
43
- --accent-8: var(--green-8);
44
- --accent-9: var(--green-9);
45
- --accent-10: var(--green-10);
46
- --accent-11: var(--green-11);
47
- --accent-12: var(--green-12);
48
-
49
- --accent-a1: var(--green-a1);
50
- --accent-a2: var(--green-a2);
51
- --accent-a3: var(--green-a3);
52
- --accent-a4: var(--green-a4);
53
- --accent-a5: var(--green-a5);
54
- --accent-a6: var(--green-a6);
55
- --accent-a7: var(--green-a7);
56
- --accent-a8: var(--green-a8);
57
- --accent-a9: var(--green-a9);
58
- --accent-a10: var(--green-a10);
59
- --accent-a11: var(--green-a11);
60
- --accent-a12: var(--green-a12);
61
-
62
- --accent-contrast: var(--green-contrast);
63
- --accent-surface: var(--green-surface);
64
- --accent-indicator: var(--green-indicator);
65
- --accent-track: var(--green-track);
66
- }
@@ -1,66 +0,0 @@
1
- @import "@radix-ui/colors/red.css";
2
- @import "@radix-ui/colors/red-alpha.css";
3
- @import "@radix-ui/colors/red-dark.css";
4
- @import "@radix-ui/colors/red-dark-alpha.css";
5
-
6
- :root {
7
- --red-contrast: white;
8
- }
9
-
10
- :root,
11
- .light,
12
- .light-theme {
13
- --red-surface: #fff5f5cc;
14
- --red-indicator: var(--red-9);
15
- --red-track: var(--red-9);
16
- @supports (color: color(display-p3 1 1 1)) {
17
- @media (color-gamut: p3) {
18
- --red-surface: color(display-p3 0.9961 0.9647 0.9647 / 0.8);
19
- }
20
- }
21
- }
22
-
23
- .dark,
24
- .dark-theme {
25
- --red-surface: #2f151780;
26
- --red-indicator: var(--red-9);
27
- --red-track: var(--red-9);
28
- @supports (color: color(display-p3 1 1 1)) {
29
- @media (color-gamut: p3) {
30
- --red-surface: color(display-p3 0.1647 0.0863 0.0863 / 0.5);
31
- }
32
- }
33
- }
34
-
35
- [data-accent-color="danger"] {
36
- --accent-1: var(--red-1);
37
- --accent-2: var(--red-2);
38
- --accent-3: var(--red-3);
39
- --accent-4: var(--red-4);
40
- --accent-5: var(--red-5);
41
- --accent-6: var(--red-6);
42
- --accent-7: var(--red-7);
43
- --accent-8: var(--red-8);
44
- --accent-9: var(--red-9);
45
- --accent-10: var(--red-10);
46
- --accent-11: var(--red-11);
47
- --accent-12: var(--red-12);
48
-
49
- --accent-a1: var(--red-a1);
50
- --accent-a2: var(--red-a2);
51
- --accent-a3: var(--red-a3);
52
- --accent-a4: var(--red-a4);
53
- --accent-a5: var(--red-a5);
54
- --accent-a6: var(--red-a6);
55
- --accent-a7: var(--red-a7);
56
- --accent-a8: var(--red-a8);
57
- --accent-a9: var(--red-a9);
58
- --accent-a10: var(--red-a10);
59
- --accent-a11: var(--red-a11);
60
- --accent-a12: var(--red-a12);
61
-
62
- --accent-contrast: var(--red-contrast);
63
- --accent-surface: var(--red-surface);
64
- --accent-indicator: var(--red-indicator);
65
- --accent-track: var(--red-track);
66
- }
@@ -1,39 +0,0 @@
1
- @import "tailwindcss";
2
- @import "@radix-ui/colors/white-alpha.css";
3
- @import "@radix-ui/colors/black-alpha.css";
4
- @import "./tailwind-theme/backgrounds.css";
5
- @import "./tailwind-theme/accentPalette.css";
6
- @import "./tailwind-theme/basePalette.css";
7
- @import "./palettes/green.css";
8
- @import "./palettes/red.css";
9
-
10
- @config "../tailwind.config.ts";
11
-
12
- html, body {
13
- width: 100vw;
14
- height: 100vh;
15
- background-color: var(--color-background) !important;
16
- }
17
-
18
- :root {
19
- color: var(--base-12)
20
- }
21
-
22
- /* Show code button */
23
- .docs-story > div:nth-child(2) {
24
- /* Stop the button from appearing above the dialog overlay */
25
- z-index: 0;
26
- }
27
-
28
- /* For story background to match body background */
29
- .docs-story {
30
- background-color: var(--color-background);
31
- }
32
-
33
- .toast-viewport {
34
- position: absolute;
35
- right: 0;
36
- display: flex;
37
- flex-direction: column;
38
- gap: 5px;
39
- }
@@ -1,31 +0,0 @@
1
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
2
- // @ts-expect-error
3
- import "./preview.css"
4
-
5
- import { withThemeByClassName } from "@storybook/addon-themes"
6
- import type { Preview } from "@storybook/react"
7
-
8
- import { StoryDecorator } from "./StoryDecorator"
9
-
10
- const preview: Preview = {
11
- parameters: {
12
- controls: {
13
- matchers: {
14
- color: /(background|color)$/i,
15
- date: /Date$/i,
16
- },
17
- },
18
- },
19
- decorators: [
20
- withThemeByClassName({
21
- themes: {
22
- light: "light",
23
- dark: "dark",
24
- },
25
- defaultTheme: "light",
26
- }),
27
- StoryDecorator,
28
- ],
29
- }
30
-
31
- export default preview
@@ -1,181 +0,0 @@
1
- :root,
2
- .light,
3
- .light-theme {
4
- --blue-1: #f2f4f8;
5
- --blue-2: #eaeff9;
6
- --blue-3: #dde8fe;
7
- --blue-4: #cee0ff;
8
- --blue-5: #bdd4ff;
9
- --blue-6: #aac6ff;
10
- --blue-7: #91b3fa;
11
- --blue-8: #6d98f7;
12
- --blue-9: #2a437b;
13
- --blue-10: #3a548e;
14
- --blue-11: #365db6;
15
- --blue-12: #1d356b;
16
-
17
- --blue-a1: #36387b04;
18
- --blue-a2: #0c4ee50c;
19
- --blue-a3: #d7e5ffcc;
20
- --blue-a4: #cee0ff;
21
- --blue-a5: #bdd4ff;
22
- --blue-a6: #aac6ff;
23
- --blue-a7: #0352fa69;
24
- --blue-a8: #004df58e;
25
- --blue-a9: #011e62d4;
26
- --blue-a10: #00226dc3;
27
- --blue-a11: #0032a3c7;
28
- --blue-a12: #001b58e1;
29
-
30
- --blue-contrast: #fff;
31
- --blue-surface: #e7eef9cc;
32
- --blue-indicator: #2a437b;
33
- --blue-track: #2a437b;
34
- }
35
-
36
- @supports (color: color(display-p3 1 1 1)) {
37
- @media (color-gamut: p3) {
38
- :root,
39
- .light,
40
- .light-theme {
41
- --blue-1: oklch(96.7% 0.0063 264.2);
42
- --blue-2: oklch(95.2% 0.0136 264.2);
43
- --blue-3: oklch(93% 0.0316 264.2);
44
- --blue-4: oklch(90.4% 0.0508 264.2);
45
- --blue-5: oklch(86.9% 0.0687 264.2);
46
- --blue-6: oklch(82.6% 0.0864 264.2);
47
- --blue-7: oklch(76.9% 0.1093 264.2);
48
- --blue-8: oklch(69.2% 0.1483 264.2);
49
- --blue-9: oklch(39.3% 0.0998 264.2);
50
- --blue-10: oklch(45.4% 0.0998 264.2);
51
- --blue-11: oklch(49.9% 0.1483 264.2);
52
- --blue-12: oklch(34.1% 0.0998 264.2);
53
-
54
- --blue-a1: color(display-p3 0.0588 0.0667 0.3804 / 0.013);
55
- --blue-a2: color(display-p3 0.0078 0.2039 0.7922 / 0.041);
56
- --blue-a3: color(display-p3 0.7451 0.8235 1 / 0.4);
57
- --blue-a4: color(display-p3 0.6078 0.7373 1 / 0.4);
58
- --blue-a5: color(display-p3 0 0.2627 1 / 0.2);
59
- --blue-a6: color(display-p3 0.0039 0.2863 0.9804 / 0.286);
60
- --blue-a7: color(display-p3 0.0039 0.2588 0.9216 / 0.38);
61
- --blue-a8: color(display-p3 0 0.2431 0.9059 / 0.519);
62
- --blue-a9: color(display-p3 0 0.0863 0.3412 / 0.805);
63
- --blue-a10: color(display-p3 0 0.102 0.3882 / 0.739);
64
- --blue-a11: color(display-p3 0 0.1529 0.5922 / 0.743);
65
- --blue-a12: color(display-p3 0 0.0784 0.3059 / 0.858);
66
-
67
- --blue-contrast: #fff;
68
- --blue-surface: color(display-p3 0.9137 0.9333 0.9725 / 0.8);
69
- --blue-indicator: oklch(39.3% 0.0998 264.2);
70
- --blue-track: oklch(39.3% 0.0998 264.2);
71
- }
72
- }
73
- }
74
-
75
-
76
-
77
-
78
- .dark,
79
- .dark-theme {
80
- --blue-1: #1b202b;
81
- --blue-2: #1c2330;
82
- --blue-3: #213051;
83
- --blue-4: #253967;
84
- --blue-5: #2b4377;
85
- --blue-6: #334d85;
86
- --blue-7: #3b5897;
87
- --blue-8: #4364ae;
88
- --blue-9: #446cc8;
89
- --blue-10: #4061ab;
90
- --blue-11: #93b6fe;
91
- --blue-12: #d5e2fc;
92
-
93
- --blue-a1: #0033f80d;
94
- --blue-a2: #0055f713;
95
- --blue-a3: #1e6cfc39;
96
- --blue-a4: #2c70fd52;
97
- --blue-a5: #397bfe64;
98
- --blue-a6: #4784ff74;
99
- --blue-a7: #508afe89;
100
- --blue-a8: #568bfea3;
101
- --blue-a9: #4f84fec1;
102
- --blue-a10: #5289ff9f;
103
- --blue-a11: #94b7fffe;
104
- --blue-a12: #d8e5fffc;
105
-
106
- --blue-contrast: #fff;
107
- --blue-surface: #17274080;
108
- --blue-indicator: #446cc8;
109
- --blue-track: #446cc8;
110
- }
111
-
112
- @supports (color: color(display-p3 1 1 1)) {
113
- @media (color-gamut: p3) {
114
- .dark,
115
- .dark-theme {
116
- --blue-1: oklch(24.3% 0.0223 264.2);
117
- --blue-2: oklch(25.5% 0.0272 264.2);
118
- --blue-3: oklch(31.3% 0.0625 264.2);
119
- --blue-4: oklch(35.4% 0.0841 264.2);
120
- --blue-5: oklch(39.1% 0.0943 264.2);
121
- --blue-6: oklch(42.7% 0.0998 264.2);
122
- --blue-7: oklch(46.8% 0.1085 264.2);
123
- --blue-8: oklch(51.5% 0.1238 264.2);
124
- --blue-9: oklch(55.1% 0.1496 264.2);
125
- --blue-10: oklch(50.5% 0.1238 264.2);
126
- --blue-11: oklch(77.8% 0.1112 264.2);
127
- --blue-12: oklch(91.1% 0.0386 264.2);
128
-
129
- --blue-a1: color(display-p3 0 0.2118 1 / 0.045);
130
- --blue-a2: color(display-p3 0 0.3529 0.9922 / 0.068);
131
- --blue-a3: color(display-p3 0.1882 0.4392 1 / 0.211);
132
- --blue-a4: color(display-p3 0.2353 0.4431 1 / 0.305);
133
- --blue-a5: color(display-p3 0.2863 0.4902 1 / 0.373);
134
- --blue-a6: color(display-p3 0.3451 0.5255 1 / 0.435);
135
- --blue-a7: color(display-p3 0.3765 0.5529 0.9961 / 0.512);
136
- --blue-a8: color(display-p3 0.3882 0.5569 1 / 0.615);
137
- --blue-a9: color(display-p3 0.3686 0.5333 1 / 0.727);
138
- --blue-a10: color(display-p3 0.3804 0.549 1 / 0.601);
139
- --blue-a11: color(display-p3 0.6196 0.7294 1 / 0.969);
140
- --blue-a12: color(display-p3 0.8588 0.902 1 / 0.978);
141
-
142
- --blue-contrast: #fff;
143
- --blue-surface: color(display-p3 0.098 0.149 0.2431 / 0.5);
144
- --blue-indicator: oklch(55.1% 0.1496 264.2);
145
- --blue-track: oklch(55.1% 0.1496 264.2);
146
- }
147
- }
148
- }
149
-
150
- [data-accent-color="primary"] {
151
- --accent-1: var(--blue-1);
152
- --accent-2: var(--blue-2);
153
- --accent-3: var(--blue-3);
154
- --accent-4: var(--blue-4);
155
- --accent-5: var(--blue-5);
156
- --accent-6: var(--blue-6);
157
- --accent-7: var(--blue-7);
158
- --accent-8: var(--blue-8);
159
- --accent-9: var(--blue-9);
160
- --accent-10: var(--blue-10);
161
- --accent-11: var(--blue-11);
162
- --accent-12: var(--blue-12);
163
-
164
- --accent-a1: var(--blue-a1);
165
- --accent-a2: var(--blue-a2);
166
- --accent-a3: var(--blue-a3);
167
- --accent-a4: var(--blue-a4);
168
- --accent-a5: var(--blue-a5);
169
- --accent-a6: var(--blue-a6);
170
- --accent-a7: var(--blue-a7);
171
- --accent-a8: var(--blue-a8);
172
- --accent-a9: var(--blue-a9);
173
- --accent-a10: var(--blue-a10);
174
- --accent-a11: var(--blue-a11);
175
- --accent-a12: var(--blue-a12);
176
-
177
- --accent-contrast: var(--blue-contrast);
178
- --accent-surface: var(--blue-surface);
179
- --accent-indicator: var(--blue-indicator);
180
- --accent-track: var(--blue-track);
181
- }
@@ -1,11 +0,0 @@
1
- :root,
2
- .light,
3
- .light-theme {
4
- --color-background: #f5f7fa;
5
- }
6
-
7
- .dark,
8
- .dark-theme {
9
- --color-background: #221f20;
10
- }
11
-
@@ -1,178 +0,0 @@
1
- :root,
2
- .light,
3
- .light-theme {
4
- --base-1: #f4f4f4;
5
- --base-2: #efefef;
6
- --base-3: #e6e6e6;
7
- --base-4: #ddd;
8
- --base-5: #d6d6d6;
9
- --base-6: #cdcdcd;
10
- --base-7: #c2c2c2;
11
- --base-8: #afafaf;
12
- --base-9: #808080;
13
- --base-10: #767676;
14
- --base-11: #595959;
15
- --base-12: #1f1f1f;
16
-
17
- --base-a1: #d18a2007;
18
- --base-a2: #764e110c;
19
- --base-a3: #3f290815;
20
- --base-a4: #2a1b041e;
21
- --base-a5: #20140225;
22
- --base-a6: #180f012e;
23
- --base-a7: #150e043a;
24
- --base-a8: #0e09014d;
25
- --base-a9: #0705027d;
26
- --base-a10: #06040087;
27
- --base-a11: #040302a5;
28
- --base-a12: #010101e0;
29
-
30
- --base-contrast: #FFFFFF;
31
- --base-surface: #ffffffcc;
32
- --base-indicator: #808080;
33
- --base-track: #808080;
34
- }
35
-
36
- @supports (color: color(display-p3 1 1 1)) {
37
- @media (color-gamut: p3) {
38
- :root,
39
- .light,
40
- .light-theme {
41
- --base-1: oklch(96.6% 0 none);
42
- --base-2: oklch(95.2% 0 none);
43
- --base-3: oklch(92.4% 0 none);
44
- --base-4: oklch(89.9% 0 none);
45
- --base-5: oklch(87.5% 0 none);
46
- --base-6: oklch(84.9% 0 none);
47
- --base-7: oklch(81.3% 0 none);
48
- --base-8: oklch(75.3% 0 none);
49
- --base-9: oklch(59.9% 0 none);
50
- --base-10: oklch(56.4% 0 none);
51
- --base-11: oklch(46.2% 0 none);
52
- --base-12: oklch(24% 0 none);
53
-
54
- --base-a1: color(display-p3 0.8 0.4784 0 / 0.024);
55
- --base-a2: color(display-p3 0.4275 0.2588 0 / 0.044);
56
- --base-a3: color(display-p3 0.2275 0.1373 0 / 0.08);
57
- --base-a4: color(display-p3 0.149 0.0902 0 / 0.116);
58
- --base-a5: color(display-p3 0.1176 0.0706 0 / 0.144);
59
- --base-a6: color(display-p3 0.0902 0.051 0 / 0.18);
60
- --base-a7: color(display-p3 0.0706 0.0431 0 / 0.224);
61
- --base-a8: color(display-p3 0.0431 0.0314 0 / 0.3);
62
- --base-a9: color(display-p3 0.0235 0.0157 0 / 0.488);
63
- --base-a10: color(display-p3 0.0157 0.0078 0 / 0.528);
64
- --base-a11: color(display-p3 0.0118 0.0078 0 / 0.644);
65
- --base-a12: color(display-p3 0.0039 0 0 / 0.876);
66
-
67
- --base-contrast: #FFFFFF;
68
- --base-surface: color(display-p3 1 1 1 / 80%);
69
- --base-indicator: oklch(59.9% 0 none);
70
- --base-track: oklch(59.9% 0 none);
71
- }
72
- }
73
- }
74
-
75
- .dark,
76
- .dark-theme {
77
- --base-1: #202020;
78
- --base-2: #272727;
79
- --base-3: #2f2f2f;
80
- --base-4: #353535;
81
- --base-5: #3b3b3b;
82
- --base-6: #444;
83
- --base-7: #505050;
84
- --base-8: #676767;
85
- --base-9: #727272;
86
- --base-10: #7e7e7e;
87
- --base-11: #b5b5b5;
88
- --base-12: #eee;
89
-
90
- --base-a1: #009f2002;
91
- --base-a2: #a2ebd30a;
92
- --base-a3: #d1f6ea13;
93
- --base-a4: #dcf7ee1a;
94
- --base-a5: #eafff820;
95
- --base-a6: #ecfbf62b;
96
- --base-a7: #f3fffb38;
97
- --base-a8: #f9fffd52;
98
- --base-a9: #f9fefd5f;
99
- --base-a10: #fafdfc6d;
100
- --base-a11: #fefffeab;
101
- --base-a12: #feffffec;
102
-
103
- --base-contrast: #FFFFFF;
104
- --base-surface: rgba(0, 0, 0, 0.05);
105
- --base-indicator: #727272;
106
- --base-track: #727272;
107
- }
108
-
109
- @supports (color: color(display-p3 1 1 1)) {
110
- @media (color-gamut: p3) {
111
- .dark,
112
- .dark-theme {
113
- --base-1: oklch(24.3% 0 none);
114
- --base-2: oklch(27.2% 0 none);
115
- --base-3: oklch(30.7% 0 none);
116
- --base-4: oklch(33% 0 none);
117
- --base-5: oklch(35.4% 0 none);
118
- --base-6: oklch(38.5% 0 none);
119
- --base-7: oklch(43% 0 none);
120
- --base-8: oklch(51.4% 0 none);
121
- --base-9: oklch(55.2% 0 none);
122
- --base-10: oklch(59.3% 0 none);
123
- --base-11: oklch(77.3% 0 none);
124
- --base-12: oklch(94.8% 0 none);
125
-
126
- --base-a1: color(display-p3 0 0.9098 0.1294 / 0.005);
127
- --base-a2: color(display-p3 0.7843 0.9961 0.8902 / 0.036);
128
- --base-a3: color(display-p3 0.8941 0.9961 0.9451 / 0.072);
129
- --base-a4: color(display-p3 0.9255 0.9961 0.9608 / 0.099);
130
- --base-a5: color(display-p3 0.9451 1 0.9725 / 0.125);
131
- --base-a6: color(display-p3 0.9529 0.9961 0.9765 / 0.166);
132
- --base-a7: color(display-p3 0.9725 1 0.9882 / 0.219);
133
- --base-a8: color(display-p3 0.9843 1 0.9922 / 0.322);
134
- --base-a9: color(display-p3 0.9882 1 0.9961 / 0.371);
135
- --base-a10: color(display-p3 0.9882 1 0.9961 / 0.425);
136
- --base-a11: color(display-p3 0.9961 1 0.9961 / 0.67);
137
- --base-a12: color(display-p3 1 1 1 / 0.925);
138
-
139
- --base-contrast: #FFFFFF;
140
- --base-surface: color(display-p3 0 0 0 / 5%);
141
- --base-indicator: oklch(55.2% 0 none);
142
- --base-track: oklch(55.2% 0 none);
143
- }
144
- }
145
- }
146
-
147
- [data-accent-color="base"] {
148
- --accent-1: var(--base-1);
149
- --accent-2: var(--base-2);
150
- --accent-3: var(--base-3);
151
- --accent-4: var(--base-4);
152
- --accent-5: var(--base-5);
153
- --accent-6: var(--base-6);
154
- --accent-7: var(--base-7);
155
- --accent-8: var(--base-8);
156
- --accent-9: var(--base-9);
157
- --accent-10: var(--base-10);
158
- --accent-11: var(--base-11);
159
- --accent-12: var(--base-12);
160
-
161
- --accent-a1: var(--base-a1);
162
- --accent-a2: var(--base-a2);
163
- --accent-a3: var(--base-a3);
164
- --accent-a4: var(--base-a4);
165
- --accent-a5: var(--base-a5);
166
- --accent-a6: var(--base-a6);
167
- --accent-a7: var(--base-a7);
168
- --accent-a8: var(--base-a8);
169
- --accent-a9: var(--base-a9);
170
- --accent-a10: var(--base-a10);
171
- --accent-a11: var(--base-a11);
172
- --accent-a12: var(--base-a12);
173
-
174
- --accent-contrast: var(--base-contrast);
175
- --accent-surface: var(--base-surface);
176
- --accent-indicator: var(--base-indicator);
177
- --accent-track: var(--base-track);
178
- }
@@ -1,13 +0,0 @@
1
- #!/usr/bin/env bash
2
-
3
- BRANCH_NAME=$(git rev-parse --abbrev-ref HEAD)
4
-
5
- # error if there is no branch name
6
- if [ -z "$BRANCH_NAME" ]; then
7
- echo "No branch name found"
8
- exit 1
9
- fi
10
-
11
- # preid with the branch name so that we can publish multiple alpha versions
12
- # from different branches
13
- (npm version prerelease --preid "$BRANCH_NAME" && npm run build && npm publish --access private --tag alpha) || read -r -n 1 -p "Press any key to continue"
@@ -1,3 +0,0 @@
1
- #!/usr/bin/env bash
2
-
3
- (npm version patch && npm run build && npm publish --access private) || read -r -n 1 -p "Press any key to continue"