@code-coaching/vuetiful 0.26.0 → 0.27.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/README.md +47 -55
- package/dist/css/animations.css +2 -0
- package/{src → dist}/css/overrides/quasar.css +73 -58
- package/{src/styles → dist/css}/transitions/slide.css +6 -0
- package/dist/favicon.ico +0 -0
- package/dist/types/components/atoms/VAvatar.vue.d.ts +39 -90
- package/dist/types/components/atoms/VBadge.vue.d.ts +34 -21
- package/dist/types/components/atoms/VButton.vue.d.ts +42 -48
- package/dist/types/components/atoms/VChip.vue.d.ts +33 -21
- package/dist/types/components/atoms/VLightSwitch.vue.d.ts +5 -5
- package/dist/types/components/atoms/VRadio/VRadioDescription.vue.d.ts +7 -12
- package/dist/types/components/atoms/VRadio/VRadioGroup.vue.d.ts +53 -83
- package/dist/types/components/atoms/VRadio/VRadioItem.vue.d.ts +46 -12
- package/dist/types/components/atoms/VRadio/VRadioLabel.vue.d.ts +7 -12
- package/dist/types/components/atoms/VSwitch/VSwitch.vue.d.ts +51 -72
- package/dist/types/components/atoms/VSwitch/VSwitchDescription.vue.d.ts +32 -11
- package/dist/types/components/atoms/VSwitch/VSwitchGroup.vue.d.ts +32 -11
- package/dist/types/components/atoms/VSwitch/VSwitchLabel.vue.d.ts +33 -20
- package/dist/types/components/molecules/VAccordion/VAccordion.vue.d.ts +39 -28
- package/dist/types/components/molecules/VAccordion/VAccordionItem.vue.d.ts +35 -19
- package/dist/types/components/molecules/VAlert.vue.d.ts +50 -73
- package/dist/types/components/molecules/VCard/VCard.vue.d.ts +37 -48
- package/dist/types/components/molecules/VCard/VCardBody.vue.d.ts +33 -12
- package/dist/types/components/molecules/VCard/VCardFooter.vue.d.ts +36 -20
- package/dist/types/components/molecules/VCard/VCardHeader.vue.d.ts +36 -20
- package/dist/types/components/molecules/VCodeBlock.vue.d.ts +15 -16
- package/dist/types/components/molecules/VDrawer.vue.d.ts +13 -7
- package/dist/types/components/molecules/VListbox/VListbox.vue.d.ts +54 -132
- package/dist/types/components/molecules/VListbox/VListboxButton.vue.d.ts +22 -21
- package/dist/types/components/molecules/VListbox/VListboxItem.vue.d.ts +22 -19
- package/dist/types/components/molecules/VListbox/VListboxItems.vue.d.ts +19 -30
- package/dist/types/components/molecules/VListbox/VListboxLabel.vue.d.ts +7 -12
- package/dist/types/components/molecules/VPreview.vue.d.ts +57 -74
- package/dist/types/components/molecules/VRail/VRail.vue.d.ts +28 -13
- package/dist/types/components/molecules/VRail/VRailTile.vue.d.ts +49 -16
- package/dist/types/components/molecules/VShell.vue.d.ts +76 -44
- package/dist/types/components/molecules/VShellConfigurator.vue.d.ts +99 -0
- package/dist/types/components/molecules/VTabs/VTab.vue.d.ts +52 -20
- package/dist/types/components/molecules/VTabs/VTabPanel.vue.d.ts +8 -1
- package/dist/types/components/molecules/VTabs/VTabs.vue.d.ts +43 -101
- package/dist/types/components/molecules/Vuetiful.vue.d.ts +22 -0
- package/dist/types/components/molecules/index.d.ts +3 -4
- package/dist/types/directives/click-outside-group.d.ts +1 -1
- package/dist/types/directives/click-outside.d.ts +1 -1
- package/dist/types/directives/clipboard.d.ts +1 -1
- package/dist/types/index.d.ts +1 -8
- package/dist/types/props/props.d.ts +1 -14
- package/dist/types/services/dark-mode.service.d.ts +1 -1
- package/dist/types/services/drawer.service.d.ts +3 -3
- package/dist/types/services/index.d.ts +2 -2
- package/dist/types/utils/id-generator.d.ts +1 -0
- package/dist/types/utils/index.d.ts +3 -4
- package/dist/types/utils/tailwind-merge.d.ts +1 -0
- package/dist/types/utils/theme/rocket.theme.d.ts +223 -0
- package/dist/types/utils/theme/theme-switcher.vue.d.ts +14 -5
- package/dist/types/utils/theme/theme.service.d.ts +6 -9
- package/dist/types/utils/theme/themes.d.ts +3 -39
- package/dist/types/utils/theme/vuetiful.theme.d.ts +224 -0
- package/dist/vuetiful.es.mjs +54831 -49535
- package/dist/vuetiful.umd.cjs +189 -0
- package/package.json +53 -37
- package/dist/style.css +0 -10
- package/dist/types/components/VBootstrap.vue.d.ts +0 -15
- package/dist/types/components/atoms/VAvatar.test.d.ts +0 -1
- package/dist/types/components/atoms/VBadge.test.d.ts +0 -1
- package/dist/types/components/atoms/VButton.test.d.ts +0 -1
- package/dist/types/components/atoms/VChip.test.d.ts +0 -1
- package/dist/types/components/atoms/VLightSwitch.test.d.ts +0 -1
- package/dist/types/components/atoms/VRadio/VRadioDescription.test.d.ts +0 -1
- package/dist/types/components/atoms/VRadio/VRadioGroup.test.d.ts +0 -1
- package/dist/types/components/atoms/VRadio/VRadioItem.test.d.ts +0 -1
- package/dist/types/components/atoms/VRadio/VRadioLabel.test.d.ts +0 -1
- package/dist/types/components/atoms/VSwitch/VSwitch.test.d.ts +0 -1
- package/dist/types/components/atoms/VSwitch/VSwitchDescription.test.d.ts +0 -1
- package/dist/types/components/atoms/VSwitch/VSwitchGroup.test.d.ts +0 -1
- package/dist/types/components/atoms/VSwitch/VSwitchLabel.test.d.ts +0 -1
- package/dist/types/components/molecules/VAccordion/VAccordion.test.d.ts +0 -1
- package/dist/types/components/molecules/VAccordion/VAccordionItem.test.d.ts +0 -1
- package/dist/types/components/molecules/VAlert.test.d.ts +0 -1
- package/dist/types/components/molecules/VCard/VCard.test.d.ts +0 -1
- package/dist/types/components/molecules/VCard/VCardBody.test.d.ts +0 -1
- package/dist/types/components/molecules/VCard/VCardFooter.test.d.ts +0 -1
- package/dist/types/components/molecules/VCard/VCardHeader.test.d.ts +0 -1
- package/dist/types/components/molecules/VCodeBlock.test.d.ts +0 -1
- package/dist/types/components/molecules/VDrawer.test.d.ts +0 -1
- package/dist/types/components/molecules/VListbox/VListbox.test.d.ts +0 -1
- package/dist/types/components/molecules/VListbox/VListboxButton.test.d.ts +0 -1
- package/dist/types/components/molecules/VListbox/VListboxItem.test.d.ts +0 -1
- package/dist/types/components/molecules/VListbox/VListboxItems.test.d.ts +0 -1
- package/dist/types/components/molecules/VListbox/VListboxLabel.test.d.ts +0 -1
- package/dist/types/components/molecules/VPreview.test.d.ts +0 -1
- package/dist/types/components/molecules/VRail/VRail.test.d.ts +0 -1
- package/dist/types/components/molecules/VRail/VRailTile.test.d.ts +0 -1
- package/dist/types/components/molecules/VShell.test.d.ts +0 -1
- package/dist/types/components/molecules/VTabs/VTab.test.d.ts +0 -1
- package/dist/types/components/molecules/VTabs/VTabPanel.test.d.ts +0 -1
- package/dist/types/components/molecules/VTabs/VTabs.test.d.ts +0 -1
- package/dist/types/directives/click-outside-group.test.d.ts +0 -1
- package/dist/types/directives/click-outside.test.d.ts +0 -1
- package/dist/types/directives/clipboard.test.d.ts +0 -1
- package/dist/types/services/dark-mode.service.test.d.ts +0 -1
- package/dist/types/services/drawer.service.test.d.ts +0 -1
- package/dist/types/services/highlight.service.test.d.ts +0 -1
- package/dist/types/services/rail.service.test.d.ts +0 -1
- package/dist/types/services/settings.service.test.d.ts +0 -1
- package/dist/types/types/index.d.ts +0 -54
- package/dist/types/types/tailwind.d.ts +0 -4
- package/dist/types/utils/colors/colors.service.d.ts +0 -69
- package/dist/types/utils/platform/platform.service.test.d.ts +0 -1
- package/dist/types/utils/theme/callback.test.d.ts +0 -1
- package/dist/types/utils/theme/remove.test.d.ts +0 -1
- package/dist/types/utils/theme/theme.service.test.d.ts +0 -1
- package/dist/vuetiful.umd.js +0 -99
- package/src/assets/fonts/myfont.woff +0 -0
- package/src/assets/main.css +0 -17
- package/src/components/VBootstrap.vue +0 -62
- package/src/components/atoms/VAvatar.test.ts +0 -175
- package/src/components/atoms/VAvatar.vue +0 -89
- package/src/components/atoms/VBadge.test.ts +0 -28
- package/src/components/atoms/VBadge.vue +0 -17
- package/src/components/atoms/VButton.test.ts +0 -180
- package/src/components/atoms/VButton.vue +0 -76
- package/src/components/atoms/VChip.test.ts +0 -33
- package/src/components/atoms/VChip.vue +0 -17
- package/src/components/atoms/VLightSwitch.test.ts +0 -69
- package/src/components/atoms/VLightSwitch.vue +0 -121
- package/src/components/atoms/VRadio/VRadioDescription.test.ts +0 -55
- package/src/components/atoms/VRadio/VRadioDescription.vue +0 -14
- package/src/components/atoms/VRadio/VRadioGroup.test.ts +0 -81
- package/src/components/atoms/VRadio/VRadioGroup.vue +0 -88
- package/src/components/atoms/VRadio/VRadioItem.test.ts +0 -183
- package/src/components/atoms/VRadio/VRadioItem.vue +0 -36
- package/src/components/atoms/VRadio/VRadioLabel.test.ts +0 -55
- package/src/components/atoms/VRadio/VRadioLabel.vue +0 -16
- package/src/components/atoms/VSwitch/VSwitch.test.ts +0 -100
- package/src/components/atoms/VSwitch/VSwitch.vue +0 -106
- package/src/components/atoms/VSwitch/VSwitchDescription.test.ts +0 -55
- package/src/components/atoms/VSwitch/VSwitchDescription.vue +0 -16
- package/src/components/atoms/VSwitch/VSwitchGroup.test.ts +0 -26
- package/src/components/atoms/VSwitch/VSwitchGroup.vue +0 -16
- package/src/components/atoms/VSwitch/VSwitchLabel.test.ts +0 -89
- package/src/components/atoms/VSwitch/VSwitchLabel.vue +0 -20
- package/src/components/atoms/index.ts +0 -31
- package/src/components/index.ts +0 -2
- package/src/components/molecules/VAccordion/VAccordion.test.ts +0 -27
- package/src/components/molecules/VAccordion/VAccordion.vue +0 -32
- package/src/components/molecules/VAccordion/VAccordionItem.test.ts +0 -134
- package/src/components/molecules/VAccordion/VAccordionItem.vue +0 -68
- package/src/components/molecules/VAlert.test.ts +0 -100
- package/src/components/molecules/VAlert.vue +0 -137
- package/src/components/molecules/VCard/VCard.test.ts +0 -47
- package/src/components/molecules/VCard/VCard.vue +0 -74
- package/src/components/molecules/VCard/VCardBody.test.ts +0 -39
- package/src/components/molecules/VCard/VCardBody.vue +0 -16
- package/src/components/molecules/VCard/VCardFooter.test.ts +0 -63
- package/src/components/molecules/VCard/VCardFooter.vue +0 -31
- package/src/components/molecules/VCard/VCardHeader.test.ts +0 -86
- package/src/components/molecules/VCard/VCardHeader.vue +0 -53
- package/src/components/molecules/VCodeBlock.test.ts +0 -133
- package/src/components/molecules/VCodeBlock.vue +0 -113
- package/src/components/molecules/VDrawer.test.ts +0 -14
- package/src/components/molecules/VDrawer.vue +0 -87
- package/src/components/molecules/VListbox/VListbox.test.ts +0 -146
- package/src/components/molecules/VListbox/VListbox.vue +0 -149
- package/src/components/molecules/VListbox/VListboxButton.test.ts +0 -66
- package/src/components/molecules/VListbox/VListboxButton.vue +0 -57
- package/src/components/molecules/VListbox/VListboxItem.test.ts +0 -51
- package/src/components/molecules/VListbox/VListboxItem.vue +0 -39
- package/src/components/molecules/VListbox/VListboxItems.test.ts +0 -44
- package/src/components/molecules/VListbox/VListboxItems.vue +0 -42
- package/src/components/molecules/VListbox/VListboxLabel.test.ts +0 -30
- package/src/components/molecules/VListbox/VListboxLabel.vue +0 -14
- package/src/components/molecules/VPreview.test.ts +0 -73
- package/src/components/molecules/VPreview.vue +0 -230
- package/src/components/molecules/VRail/VRail.test.ts +0 -14
- package/src/components/molecules/VRail/VRail.vue +0 -33
- package/src/components/molecules/VRail/VRailTile.test.ts +0 -97
- package/src/components/molecules/VRail/VRailTile.vue +0 -49
- package/src/components/molecules/VShell.test.ts +0 -14
- package/src/components/molecules/VShell.vue +0 -63
- package/src/components/molecules/VTabs/VTab.test.ts +0 -143
- package/src/components/molecules/VTabs/VTab.vue +0 -50
- package/src/components/molecules/VTabs/VTabPanel.test.ts +0 -24
- package/src/components/molecules/VTabs/VTabPanel.vue +0 -9
- package/src/components/molecules/VTabs/VTabs.test.ts +0 -92
- package/src/components/molecules/VTabs/VTabs.vue +0 -104
- package/src/components/molecules/index.ts +0 -51
- package/src/directives/click-outside-group.test.ts +0 -44
- package/src/directives/click-outside-group.ts +0 -39
- package/src/directives/click-outside.test.ts +0 -38
- package/src/directives/click-outside.ts +0 -28
- package/src/directives/clipboard.test.ts +0 -26
- package/src/directives/clipboard.ts +0 -9
- package/src/directives/index.ts +0 -5
- package/src/env.d.ts +0 -8
- package/src/index.ts +0 -21
- package/src/props/index.ts +0 -1
- package/src/props/props.ts +0 -62
- package/src/services/dark-mode.service.test.ts +0 -104
- package/src/services/dark-mode.service.ts +0 -75
- package/src/services/drawer.service.test.ts +0 -45
- package/src/services/drawer.service.ts +0 -46
- package/src/services/highlight.service.test.ts +0 -24
- package/src/services/highlight.service.ts +0 -19
- package/src/services/index.ts +0 -8
- package/src/services/rail.service.test.ts +0 -13
- package/src/services/rail.service.ts +0 -11
- package/src/services/settings.service.test.ts +0 -17
- package/src/services/settings.service.ts +0 -136
- package/src/styles/all.css +0 -24
- package/src/styles/core.css +0 -66
- package/src/styles/elements/alerts.css +0 -17
- package/src/styles/elements/badges.css +0 -31
- package/src/styles/elements/breadcrumbs.css +0 -26
- package/src/styles/elements/buttons.css +0 -103
- package/src/styles/elements/cards.css +0 -32
- package/src/styles/elements/chips.css +0 -22
- package/src/styles/elements/forms.css +0 -269
- package/src/styles/elements/lists.css +0 -48
- package/src/styles/elements/logo-clouds.css +0 -29
- package/src/styles/elements/modals.css +0 -15
- package/src/styles/elements/placeholders.css +0 -17
- package/src/styles/elements/popups.css +0 -16
- package/src/styles/elements/tables.css +0 -102
- package/src/styles/elements.css +0 -19
- package/src/styles/highlight-js.css +0 -116
- package/src/styles/tailwind.css +0 -16
- package/src/styles/transitions.css +0 -2
- package/src/styles/typography.css +0 -101
- package/src/styles/variants.css +0 -156
- package/src/tailwind/core.cjs +0 -37
- package/src/tailwind/generated/intellisense-classes.cjs +0 -558
- package/src/tailwind/intellisense.cjs +0 -21
- package/src/tailwind/settings.cjs +0 -20
- package/src/tailwind/theme/colors.cjs +0 -20
- package/src/tailwind/tokens/backgrounds.cjs +0 -48
- package/src/tailwind/tokens/border-radius.cjs +0 -21
- package/src/tailwind/tokens/borders.cjs +0 -24
- package/src/tailwind/tokens/fills.cjs +0 -20
- package/src/tailwind/tokens/rings.cjs +0 -50
- package/src/tailwind/tokens/text.cjs +0 -35
- package/src/tailwind/vuetiful.cjs +0 -19
- package/src/themes/theme-rocket.css +0 -119
- package/src/themes/theme-sahara.css +0 -128
- package/src/themes/theme-seafoam.css +0 -120
- package/src/themes/theme-seasonal.css +0 -115
- package/src/themes/theme-skeleton.css +0 -115
- package/src/themes/theme-vintage.css +0 -125
- package/src/themes/theme-vuetiful.css +0 -136
- package/src/types/index.ts +0 -59
- package/src/types/tailwind.ts +0 -7
- package/src/utils/colors/colors.service.ts +0 -293
- package/src/utils/index.ts +0 -8
- package/src/utils/platform/platform.service.test.ts +0 -19
- package/src/utils/platform/platform.service.ts +0 -8
- package/src/utils/theme/callback.test.ts +0 -28
- package/src/utils/theme/remove.test.ts +0 -27
- package/src/utils/theme/theme-switcher.vue +0 -78
- package/src/utils/theme/theme.service.test.ts +0 -269
- package/src/utils/theme/theme.service.ts +0 -173
- package/src/utils/theme/themes.ts +0 -282
- /package/{src/styles → dist/css}/transitions/fade.css +0 -0
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
/* =~= Theme Properties =~= */
|
|
3
|
-
--theme-font-family-base: system-ui;
|
|
4
|
-
--theme-font-family-heading: system-ui;
|
|
5
|
-
--theme-font-color-base: 0 0 0;
|
|
6
|
-
--theme-font-color-dark: 255 255 255;
|
|
7
|
-
--theme-rounded-base: 9999px;
|
|
8
|
-
--theme-rounded-container: 8px;
|
|
9
|
-
--theme-border-base: 1px;
|
|
10
|
-
/* =~= Theme On-X Colors =~= */
|
|
11
|
-
--on-primary: 0 0 0;
|
|
12
|
-
--on-secondary: 255 255 255;
|
|
13
|
-
--on-tertiary: 0 0 0;
|
|
14
|
-
--on-success: 0 0 0;
|
|
15
|
-
--on-warning: 0 0 0;
|
|
16
|
-
--on-error: 255 255 255;
|
|
17
|
-
--on-surface: 255 255 255;
|
|
18
|
-
/* =~= Theme Colors =~= */
|
|
19
|
-
/* primary | #0FBA81 */
|
|
20
|
-
--color-primary-50: 219 245 236; /* ⬅ #dbf5ec */
|
|
21
|
-
--color-primary-100: 207 241 230; /* ⬅ #cff1e6 */
|
|
22
|
-
--color-primary-200: 195 238 224; /* ⬅ #c3eee0 */
|
|
23
|
-
--color-primary-300: 159 227 205; /* ⬅ #9fe3cd */
|
|
24
|
-
--color-primary-400: 87 207 167; /* ⬅ #57cfa7 */
|
|
25
|
-
--color-primary-500: 15 186 129; /* ⬅ #0FBA81 */
|
|
26
|
-
--color-primary-600: 14 167 116; /* ⬅ #0ea774 */
|
|
27
|
-
--color-primary-700: 11 140 97; /* ⬅ #0b8c61 */
|
|
28
|
-
--color-primary-800: 9 112 77; /* ⬅ #09704d */
|
|
29
|
-
--color-primary-900: 7 91 63; /* ⬅ #075b3f */
|
|
30
|
-
/* secondary | #4F46E5 */
|
|
31
|
-
--color-secondary-50: 229 227 251; /* ⬅ #e5e3fb */
|
|
32
|
-
--color-secondary-100: 220 218 250; /* ⬅ #dcdafa */
|
|
33
|
-
--color-secondary-200: 211 209 249; /* ⬅ #d3d1f9 */
|
|
34
|
-
--color-secondary-300: 185 181 245; /* ⬅ #b9b5f5 */
|
|
35
|
-
--color-secondary-400: 132 126 237; /* ⬅ #847eed */
|
|
36
|
-
--color-secondary-500: 79 70 229; /* ⬅ #4F46E5 */
|
|
37
|
-
--color-secondary-600: 71 63 206; /* ⬅ #473fce */
|
|
38
|
-
--color-secondary-700: 59 53 172; /* ⬅ #3b35ac */
|
|
39
|
-
--color-secondary-800: 47 42 137; /* ⬅ #2f2a89 */
|
|
40
|
-
--color-secondary-900: 39 34 112; /* ⬅ #272270 */
|
|
41
|
-
/* tertiary | #0EA5E9 */
|
|
42
|
-
--color-tertiary-50: 219 242 252; /* ⬅ #dbf2fc */
|
|
43
|
-
--color-tertiary-100: 207 237 251; /* ⬅ #cfedfb */
|
|
44
|
-
--color-tertiary-200: 195 233 250; /* ⬅ #c3e9fa */
|
|
45
|
-
--color-tertiary-300: 159 219 246; /* ⬅ #9fdbf6 */
|
|
46
|
-
--color-tertiary-400: 86 192 240; /* ⬅ #56c0f0 */
|
|
47
|
-
--color-tertiary-500: 14 165 233; /* ⬅ #0EA5E9 */
|
|
48
|
-
--color-tertiary-600: 13 149 210; /* ⬅ #0d95d2 */
|
|
49
|
-
--color-tertiary-700: 11 124 175; /* ⬅ #0b7caf */
|
|
50
|
-
--color-tertiary-800: 8 99 140; /* ⬅ #08638c */
|
|
51
|
-
--color-tertiary-900: 7 81 114; /* ⬅ #075172 */
|
|
52
|
-
/* success | #84cc16 */
|
|
53
|
-
--color-success-50: 237 247 220; /* ⬅ #edf7dc */
|
|
54
|
-
--color-success-100: 230 245 208; /* ⬅ #e6f5d0 */
|
|
55
|
-
--color-success-200: 224 242 197; /* ⬅ #e0f2c5 */
|
|
56
|
-
--color-success-300: 206 235 162; /* ⬅ #ceeba2 */
|
|
57
|
-
--color-success-400: 169 219 92; /* ⬅ #a9db5c */
|
|
58
|
-
--color-success-500: 132 204 22; /* ⬅ #84cc16 */
|
|
59
|
-
--color-success-600: 119 184 20; /* ⬅ #77b814 */
|
|
60
|
-
--color-success-700: 99 153 17; /* ⬅ #639911 */
|
|
61
|
-
--color-success-800: 79 122 13; /* ⬅ #4f7a0d */
|
|
62
|
-
--color-success-900: 65 100 11; /* ⬅ #41640b */
|
|
63
|
-
/* warning | #EAB308 */
|
|
64
|
-
--color-warning-50: 252 244 218; /* ⬅ #fcf4da */
|
|
65
|
-
--color-warning-100: 251 240 206; /* ⬅ #fbf0ce */
|
|
66
|
-
--color-warning-200: 250 236 193; /* ⬅ #faecc1 */
|
|
67
|
-
--color-warning-300: 247 225 156; /* ⬅ #f7e19c */
|
|
68
|
-
--color-warning-400: 240 202 82; /* ⬅ #f0ca52 */
|
|
69
|
-
--color-warning-500: 234 179 8; /* ⬅ #EAB308 */
|
|
70
|
-
--color-warning-600: 211 161 7; /* ⬅ #d3a107 */
|
|
71
|
-
--color-warning-700: 176 134 6; /* ⬅ #b08606 */
|
|
72
|
-
--color-warning-800: 140 107 5; /* ⬅ #8c6b05 */
|
|
73
|
-
--color-warning-900: 115 88 4; /* ⬅ #735804 */
|
|
74
|
-
/* error | #D41976 */
|
|
75
|
-
--color-error-50: 249 221 234; /* ⬅ #f9ddea */
|
|
76
|
-
--color-error-100: 246 209 228; /* ⬅ #f6d1e4 */
|
|
77
|
-
--color-error-200: 244 198 221; /* ⬅ #f4c6dd */
|
|
78
|
-
--color-error-300: 238 163 200; /* ⬅ #eea3c8 */
|
|
79
|
-
--color-error-400: 225 94 159; /* ⬅ #e15e9f */
|
|
80
|
-
--color-error-500: 212 25 118; /* ⬅ #D41976 */
|
|
81
|
-
--color-error-600: 191 23 106; /* ⬅ #bf176a */
|
|
82
|
-
--color-error-700: 159 19 89; /* ⬅ #9f1359 */
|
|
83
|
-
--color-error-800: 127 15 71; /* ⬅ #7f0f47 */
|
|
84
|
-
--color-error-900: 104 12 58; /* ⬅ #680c3a */
|
|
85
|
-
/* surface | #495a8f */
|
|
86
|
-
--color-surface-50: 228 230 238; /* ⬅ #e4e6ee */
|
|
87
|
-
--color-surface-100: 219 222 233; /* ⬅ #dbdee9 */
|
|
88
|
-
--color-surface-200: 210 214 227; /* ⬅ #d2d6e3 */
|
|
89
|
-
--color-surface-300: 182 189 210; /* ⬅ #b6bdd2 */
|
|
90
|
-
--color-surface-400: 128 140 177; /* ⬅ #808cb1 */
|
|
91
|
-
--color-surface-500: 73 90 143; /* ⬅ #495a8f */
|
|
92
|
-
--color-surface-600: 66 81 129; /* ⬅ #425181 */
|
|
93
|
-
--color-surface-700: 55 68 107; /* ⬅ #37446b */
|
|
94
|
-
--color-surface-800: 44 54 86; /* ⬅ #2c3656 */
|
|
95
|
-
--color-surface-900: 36 44 70; /* ⬅ #242c46 */
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/* Headings */
|
|
99
|
-
[data-theme='skeleton'] h1,
|
|
100
|
-
[data-theme='skeleton'] h2,
|
|
101
|
-
[data-theme='skeleton'] h3,
|
|
102
|
-
[data-theme='skeleton'] h4,
|
|
103
|
-
[data-theme='skeleton'] h5,
|
|
104
|
-
[data-theme='skeleton'] h6 {
|
|
105
|
-
font-weight: bold;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
/* Applied to body with `<body data-theme="skeleton">` */
|
|
109
|
-
/* Created with: https://csshero.org/mesher/ */
|
|
110
|
-
/* prettier-ignore */
|
|
111
|
-
[data-theme='skeleton'] {
|
|
112
|
-
background-image:
|
|
113
|
-
radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
|
|
114
|
-
radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
|
|
115
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
/* https://fonts.google.com/specimen/Abril+Fatface?query=Abril+Fatface¬o.query=Abril */
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
|
|
3
|
-
/* https://fonts.google.com/noto/specimen/Noto+Sans?query=sans */
|
|
4
|
-
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap');
|
|
5
|
-
|
|
6
|
-
:root {
|
|
7
|
-
/* =~= Theme Styles =~= */
|
|
8
|
-
--theme-font-family-base: 'Noto Sans', sans-serif;
|
|
9
|
-
--theme-font-family-heading: 'Abril Fatface', cursive;
|
|
10
|
-
--theme-font-color-base: var(--color-primary-900);
|
|
11
|
-
--theme-font-color-dark: var(--color-primary-100);
|
|
12
|
-
--theme-rounded-base: 2px;
|
|
13
|
-
--theme-rounded-container: 4px;
|
|
14
|
-
--theme-border-base: 1px;
|
|
15
|
-
/* =~= Theme On-X Colors =~= */
|
|
16
|
-
--on-primary: 0 0 0;
|
|
17
|
-
--on-secondary: 0 0 0;
|
|
18
|
-
--on-tertiary: 0 0 0;
|
|
19
|
-
--on-success: 0 0 0;
|
|
20
|
-
--on-warning: 0 0 0;
|
|
21
|
-
--on-error: 0 0 0;
|
|
22
|
-
--on-surface: 255 255 255;
|
|
23
|
-
/* =~= Theme Colors =~= */
|
|
24
|
-
/* primary | #ea861a */
|
|
25
|
-
--color-primary-50: 252 237 221; /* ⬅ #fceddd */
|
|
26
|
-
--color-primary-100: 251 231 209; /* ⬅ #fbe7d1 */
|
|
27
|
-
--color-primary-200: 250 225 198; /* ⬅ #fae1c6 */
|
|
28
|
-
--color-primary-300: 247 207 163; /* ⬅ #f7cfa3 */
|
|
29
|
-
--color-primary-400: 240 170 95; /* ⬅ #f0aa5f */
|
|
30
|
-
--color-primary-500: 234 134 26; /* ⬅ #ea861a */
|
|
31
|
-
--color-primary-600: 211 121 23; /* ⬅ #d37917 */
|
|
32
|
-
--color-primary-700: 176 101 20; /* ⬅ #b06514 */
|
|
33
|
-
--color-primary-800: 140 80 16; /* ⬅ #8c5010 */
|
|
34
|
-
--color-primary-900: 115 66 13; /* ⬅ #73420d */
|
|
35
|
-
/* secondary | #97cea5 */
|
|
36
|
-
--color-secondary-50: 239 248 242; /* ⬅ #eff8f2 */
|
|
37
|
-
--color-secondary-100: 234 245 237; /* ⬅ #eaf5ed */
|
|
38
|
-
--color-secondary-200: 229 243 233; /* ⬅ #e5f3e9 */
|
|
39
|
-
--color-secondary-300: 213 235 219; /* ⬅ #d5ebdb */
|
|
40
|
-
--color-secondary-400: 182 221 192; /* ⬅ #b6ddc0 */
|
|
41
|
-
--color-secondary-500: 151 206 165; /* ⬅ #97cea5 */
|
|
42
|
-
--color-secondary-600: 136 185 149; /* ⬅ #88b995 */
|
|
43
|
-
--color-secondary-700: 113 155 124; /* ⬅ #719b7c */
|
|
44
|
-
--color-secondary-800: 91 124 99; /* ⬅ #5b7c63 */
|
|
45
|
-
--color-secondary-900: 74 101 81; /* ⬅ #4a6551 */
|
|
46
|
-
/* tertiary | #06b6d4 */
|
|
47
|
-
--color-tertiary-50: 218 244 249; /* ⬅ #daf4f9 */
|
|
48
|
-
--color-tertiary-100: 205 240 246; /* ⬅ #cdf0f6 */
|
|
49
|
-
--color-tertiary-200: 193 237 244; /* ⬅ #c1edf4 */
|
|
50
|
-
--color-tertiary-300: 155 226 238; /* ⬅ #9be2ee */
|
|
51
|
-
--color-tertiary-400: 81 204 225; /* ⬅ #51cce1 */
|
|
52
|
-
--color-tertiary-500: 6 182 212; /* ⬅ #06b6d4 */
|
|
53
|
-
--color-tertiary-600: 5 164 191; /* ⬅ #05a4bf */
|
|
54
|
-
--color-tertiary-700: 5 137 159; /* ⬅ #05899f */
|
|
55
|
-
--color-tertiary-800: 4 109 127; /* ⬅ #046d7f */
|
|
56
|
-
--color-tertiary-900: 3 89 104; /* ⬅ #035968 */
|
|
57
|
-
/* success | #84cb5d */
|
|
58
|
-
--color-success-50: 237 247 231; /* ⬅ #edf7e7 */
|
|
59
|
-
--color-success-100: 230 245 223; /* ⬅ #e6f5df */
|
|
60
|
-
--color-success-200: 224 242 215; /* ⬅ #e0f2d7 */
|
|
61
|
-
--color-success-300: 206 234 190; /* ⬅ #ceeabe */
|
|
62
|
-
--color-success-400: 169 219 142; /* ⬅ #a9db8e */
|
|
63
|
-
--color-success-500: 132 203 93; /* ⬅ #84cb5d */
|
|
64
|
-
--color-success-600: 119 183 84; /* ⬅ #77b754 */
|
|
65
|
-
--color-success-700: 99 152 70; /* ⬅ #639846 */
|
|
66
|
-
--color-success-800: 79 122 56; /* ⬅ #4f7a38 */
|
|
67
|
-
--color-success-900: 65 99 46; /* ⬅ #41632e */
|
|
68
|
-
/* warning | #f2ac23 */
|
|
69
|
-
--color-warning-50: 253 243 222; /* ⬅ #fdf3de */
|
|
70
|
-
--color-warning-100: 252 238 211; /* ⬅ #fceed3 */
|
|
71
|
-
--color-warning-200: 252 234 200; /* ⬅ #fceac8 */
|
|
72
|
-
--color-warning-300: 250 222 167; /* ⬅ #fadea7 */
|
|
73
|
-
--color-warning-400: 246 197 101; /* ⬅ #f6c565 */
|
|
74
|
-
--color-warning-500: 242 172 35; /* ⬅ #f2ac23 */
|
|
75
|
-
--color-warning-600: 218 155 32; /* ⬅ #da9b20 */
|
|
76
|
-
--color-warning-700: 182 129 26; /* ⬅ #b6811a */
|
|
77
|
-
--color-warning-800: 145 103 21; /* ⬅ #916715 */
|
|
78
|
-
--color-warning-900: 119 84 17; /* ⬅ #775411 */
|
|
79
|
-
/* error | #d57e78 */
|
|
80
|
-
--color-error-50: 249 236 235; /* ⬅ #f9eceb */
|
|
81
|
-
--color-error-100: 247 229 228; /* ⬅ #f7e5e4 */
|
|
82
|
-
--color-error-200: 245 223 221; /* ⬅ #f5dfdd */
|
|
83
|
-
--color-error-300: 238 203 201; /* ⬅ #eecbc9 */
|
|
84
|
-
--color-error-400: 226 165 161; /* ⬅ #e2a5a1 */
|
|
85
|
-
--color-error-500: 213 126 120; /* ⬅ #d57e78 */
|
|
86
|
-
--color-error-600: 192 113 108; /* ⬅ #c0716c */
|
|
87
|
-
--color-error-700: 160 95 90; /* ⬅ #a05f5a */
|
|
88
|
-
--color-error-800: 128 76 72; /* ⬅ #804c48 */
|
|
89
|
-
--color-error-900: 104 62 59; /* ⬅ #683e3b */
|
|
90
|
-
/* surface | #3f3731 */
|
|
91
|
-
--color-surface-50: 226 225 224; /* ⬅ #e2e1e0 */
|
|
92
|
-
--color-surface-100: 217 215 214; /* ⬅ #d9d7d6 */
|
|
93
|
-
--color-surface-200: 207 205 204; /* ⬅ #cfcdcc */
|
|
94
|
-
--color-surface-300: 178 175 173; /* ⬅ #b2afad */
|
|
95
|
-
--color-surface-400: 121 115 111; /* ⬅ #79736f */
|
|
96
|
-
--color-surface-500: 63 55 49; /* ⬅ #3f3731 */
|
|
97
|
-
--color-surface-600: 57 50 44; /* ⬅ #39322c */
|
|
98
|
-
--color-surface-700: 47 41 37; /* ⬅ #2f2925 */
|
|
99
|
-
--color-surface-800: 38 33 29; /* ⬅ #26211d */
|
|
100
|
-
--color-surface-900: 31 27 24; /* ⬅ #1f1b18 */
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
[data-theme='vintage'] h1,
|
|
104
|
-
[data-theme='vintage'] h2,
|
|
105
|
-
[data-theme='vintage'] h3,
|
|
106
|
-
[data-theme='vintage'] h4,
|
|
107
|
-
[data-theme='vintage'] h5,
|
|
108
|
-
[data-theme='vintage'] h6 {
|
|
109
|
-
letter-spacing: 1px;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
/* Applied to body with `<body data-theme="vintage">` */
|
|
113
|
-
/* Created with: https://csshero.org/mesher/ */
|
|
114
|
-
[data-theme='vintage'] {
|
|
115
|
-
/* prettier-ignore */
|
|
116
|
-
background-image:
|
|
117
|
-
radial-gradient(at 100% 0%, hsla(135,34%,70%,0.20) 0px, transparent 50%),
|
|
118
|
-
radial-gradient(at 85% 100%, hsla(31,83%,50%,0.20) 0px, transparent 50%);
|
|
119
|
-
}
|
|
120
|
-
.dark [data-theme='vintage'] {
|
|
121
|
-
/* prettier-ignore */
|
|
122
|
-
background-image:
|
|
123
|
-
radial-gradient(at 100% 0%, hsla(135,34%,70%,0.14) 0px, transparent 50%),
|
|
124
|
-
radial-gradient(at 85% 100%, hsla(31,83%,50%,0.14) 0px, transparent 50%);
|
|
125
|
-
}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
/* https://fonts.google.com/specimen/Quicksand?query=Quicksand */
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
/* =~= Theme Properties =~= */
|
|
6
|
-
--theme-font-family-base: 'Quicksand', system-ui;
|
|
7
|
-
--theme-font-family-heading: 'Quicksand', system-ui;
|
|
8
|
-
--theme-font-color-base: 0 0 0;
|
|
9
|
-
--theme-font-color-dark: 255 255 255;
|
|
10
|
-
--theme-rounded-base: 12px;
|
|
11
|
-
--theme-rounded-container: 12px;
|
|
12
|
-
--theme-border-base: 0px;
|
|
13
|
-
|
|
14
|
-
/* =~= Theme On-X Colors =~= */
|
|
15
|
-
--on-primary: 0 0 0;
|
|
16
|
-
--on-secondary: 0 0 0;
|
|
17
|
-
--on-tertiary: 0 0 0;
|
|
18
|
-
--on-success: 0 0 0;
|
|
19
|
-
--on-warning: 0 0 0;
|
|
20
|
-
--on-error: 255 255 255;
|
|
21
|
-
--on-surface: 255 255 255;
|
|
22
|
-
|
|
23
|
-
/* =~= Theme Colors =~= */
|
|
24
|
-
|
|
25
|
-
--color-primary: 236 72 153; /* ⬅ #EC4899 */
|
|
26
|
-
--color-primary-50: 252 228 240; /* ⬅ #fce4f0 */
|
|
27
|
-
--color-primary-100: 251 218 235; /* ⬅ #fbdaeb */
|
|
28
|
-
--color-primary-200: 250 209 230; /* ⬅ #fad1e6 */
|
|
29
|
-
--color-primary-300: 247 182 214; /* ⬅ #f7b6d6 */
|
|
30
|
-
--color-primary-400: 242 127 184; /* ⬅ #f27fb8 */
|
|
31
|
-
--color-primary-500: 236 72 153; /* ⬅ #EC4899 */
|
|
32
|
-
--color-primary-600: 212 65 138; /* ⬅ #d4418a */
|
|
33
|
-
--color-primary-700: 177 54 115; /* ⬅ #b13673 */
|
|
34
|
-
--color-primary-800: 142 43 92; /* ⬅ #8e2b5c */
|
|
35
|
-
--color-primary-900: 116 35 75; /* ⬅ #74234b */
|
|
36
|
-
|
|
37
|
-
--color-secondary: 6 182 212; /* ⬅ #06B6D4 */
|
|
38
|
-
--color-secondary-50: 218 244 249; /* ⬅ #daf4f9 */
|
|
39
|
-
--color-secondary-100: 205 240 246; /* ⬅ #cdf0f6 */
|
|
40
|
-
--color-secondary-200: 193 237 244; /* ⬅ #c1edf4 */
|
|
41
|
-
--color-secondary-300: 155 226 238; /* ⬅ #9be2ee */
|
|
42
|
-
--color-secondary-400: 81 204 225; /* ⬅ #51cce1 */
|
|
43
|
-
--color-secondary-500: 6 182 212; /* ⬅ #06B6D4 */
|
|
44
|
-
--color-secondary-600: 5 164 191; /* ⬅ #05a4bf */
|
|
45
|
-
--color-secondary-700: 5 137 159; /* ⬅ #05899f */
|
|
46
|
-
--color-secondary-800: 4 109 127; /* ⬅ #046d7f */
|
|
47
|
-
--color-secondary-900: 3 89 104; /* ⬅ #035968 */
|
|
48
|
-
|
|
49
|
-
--color-tertiary: 20 184 166; /* ⬅ #14B8A6 */
|
|
50
|
-
--color-tertiary-50: 220 244 242; /* ⬅ #dcf4f2 */
|
|
51
|
-
--color-tertiary-100: 208 241 237; /* ⬅ #d0f1ed */
|
|
52
|
-
--color-tertiary-200: 196 237 233; /* ⬅ #c4ede9 */
|
|
53
|
-
--color-tertiary-300: 161 227 219; /* ⬅ #a1e3db */
|
|
54
|
-
--color-tertiary-400: 91 205 193; /* ⬅ #5bcdc1 */
|
|
55
|
-
--color-tertiary-500: 20 184 166; /* ⬅ #14B8A6 */
|
|
56
|
-
--color-tertiary-600: 18 166 149; /* ⬅ #12a695 */
|
|
57
|
-
--color-tertiary-700: 15 138 125; /* ⬅ #0f8a7d */
|
|
58
|
-
--color-tertiary-800: 12 110 100; /* ⬅ #0c6e64 */
|
|
59
|
-
--color-tertiary-900: 10 90 81; /* ⬅ #0a5a51 */
|
|
60
|
-
|
|
61
|
-
--color-success: 132 204 22; /* ⬅ #84CC16 */
|
|
62
|
-
--color-success-50: 237 247 220; /* ⬅ #edf7dc */
|
|
63
|
-
--color-success-100: 230 245 208; /* ⬅ #e6f5d0 */
|
|
64
|
-
--color-success-200: 224 242 197; /* ⬅ #e0f2c5 */
|
|
65
|
-
--color-success-300: 206 235 162; /* ⬅ #ceeba2 */
|
|
66
|
-
--color-success-400: 169 219 92; /* ⬅ #a9db5c */
|
|
67
|
-
--color-success-500: 132 204 22; /* ⬅ #84CC16 */
|
|
68
|
-
--color-success-600: 119 184 20; /* ⬅ #77b814 */
|
|
69
|
-
--color-success-700: 99 153 17; /* ⬅ #639911 */
|
|
70
|
-
--color-success-800: 79 122 13; /* ⬅ #4f7a0d */
|
|
71
|
-
--color-success-900: 65 100 11; /* ⬅ #41640b */
|
|
72
|
-
|
|
73
|
-
--color-warning: 234 179 8; /* ⬅ #EAB308 */
|
|
74
|
-
--color-warning-50: 252 244 218; /* ⬅ #fcf4da */
|
|
75
|
-
--color-warning-100: 251 240 206; /* ⬅ #fbf0ce */
|
|
76
|
-
--color-warning-200: 250 236 193; /* ⬅ #faecc1 */
|
|
77
|
-
--color-warning-300: 247 225 156; /* ⬅ #f7e19c */
|
|
78
|
-
--color-warning-400: 240 202 82; /* ⬅ #f0ca52 */
|
|
79
|
-
--color-warning-500: 234 179 8; /* ⬅ #EAB308 */
|
|
80
|
-
--color-warning-600: 211 161 7; /* ⬅ #d3a107 */
|
|
81
|
-
--color-warning-700: 176 134 6; /* ⬅ #b08606 */
|
|
82
|
-
--color-warning-800: 140 107 5; /* ⬅ #8c6b05 */
|
|
83
|
-
--color-warning-900: 115 88 4; /* ⬅ #735804 */
|
|
84
|
-
|
|
85
|
-
--color-error: 239 68 68; /* ⬅ #EF4444 */
|
|
86
|
-
--color-error-50: 253 227 227; /* ⬅ #fde3e3 */
|
|
87
|
-
--color-error-100: 252 218 218; /* ⬅ #fcdada */
|
|
88
|
-
--color-error-200: 251 208 208; /* ⬅ #fbd0d0 */
|
|
89
|
-
--color-error-300: 249 180 180; /* ⬅ #f9b4b4 */
|
|
90
|
-
--color-error-400: 244 124 124; /* ⬅ #f47c7c */
|
|
91
|
-
--color-error-500: 239 68 68; /* ⬅ #EF4444 */
|
|
92
|
-
--color-error-600: 215 61 61; /* ⬅ #d73d3d */
|
|
93
|
-
--color-error-700: 179 51 51; /* ⬅ #b33333 */
|
|
94
|
-
--color-error-800: 143 41 41; /* ⬅ #8f2929 */
|
|
95
|
-
--color-error-900: 117 33 33; /* ⬅ #752121 */
|
|
96
|
-
|
|
97
|
-
--color-surface: 99 102 241; /* ⬅ #6366F1 */
|
|
98
|
-
--color-surface-50: 232 232 253; /* ⬅ #e8e8fd */
|
|
99
|
-
--color-surface-100: 224 224 252; /* ⬅ #e0e0fc */
|
|
100
|
-
--color-surface-200: 216 217 252; /* ⬅ #d8d9fc */
|
|
101
|
-
--color-surface-300: 193 194 249; /* ⬅ #c1c2f9 */
|
|
102
|
-
--color-surface-400: 146 148 245; /* ⬅ #9294f5 */
|
|
103
|
-
--color-surface-500: 99 102 241; /* ⬅ #6366F1 */
|
|
104
|
-
--color-surface-600: 89 92 217; /* ⬅ #595cd9 */
|
|
105
|
-
--color-surface-700: 74 77 181; /* ⬅ #4a4db5 */
|
|
106
|
-
--color-surface-800: 59 61 145; /* ⬅ #3b3d91 */
|
|
107
|
-
--color-surface-900: 49 50 118; /* ⬅ #313276 */
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
[data-theme='vuetiful'] h1,
|
|
111
|
-
[data-theme='vuetiful'] h2,
|
|
112
|
-
[data-theme='vuetiful'] h3,
|
|
113
|
-
[data-theme='vuetiful'] h4,
|
|
114
|
-
[data-theme='vuetiful'] h5,
|
|
115
|
-
[data-theme='vuetiful'] h6,
|
|
116
|
-
[data-theme='vuetiful'] a,
|
|
117
|
-
[data-theme='vuetiful'] button {
|
|
118
|
-
font-weight: bold;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
/* Applied to body with `<body data-theme="vuetiful">` */
|
|
122
|
-
/* Created with: https://csshero.org/mesher/ */
|
|
123
|
-
[data-theme='vuetiful'] {
|
|
124
|
-
/* prettier-ignore */
|
|
125
|
-
background-image:
|
|
126
|
-
radial-gradient(at 76% 0%, hsla(189,100%,56%,0.36) 0px, transparent 50%),
|
|
127
|
-
radial-gradient(at 1% 0%, hsla(340,100%,76%,0.26) 0px, transparent 50%),
|
|
128
|
-
radial-gradient(at 20% 100%, hsla(241,100%,70%,0.47) 0px, transparent 50%);
|
|
129
|
-
}
|
|
130
|
-
.dark [data-theme='vuetiful'] {
|
|
131
|
-
/* prettier-ignore */
|
|
132
|
-
background-image:
|
|
133
|
-
radial-gradient(at 76% 0%, hsla(189,100%,56%,0.20) 0px, transparent 50%),
|
|
134
|
-
radial-gradient(at 1% 0%, hsla(340,100%,76%,0.15) 0px, transparent 50%),
|
|
135
|
-
radial-gradient(at 20% 100%, hsla(241,100%,70%,0.30) 0px, transparent 50%);
|
|
136
|
-
}
|
package/src/types/index.ts
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export * from './tailwind';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* The commented string unions are to use in PropType<> for Vue components,
|
|
5
|
-
* TypeScript types or enums do not give errors when using a string that is not in the union.
|
|
6
|
-
**/
|
|
7
|
-
|
|
8
|
-
export const Variant = {
|
|
9
|
-
Filled: 'filled',
|
|
10
|
-
FilledPrimary: 'filled-primary',
|
|
11
|
-
FilledSecondary: 'filled-secondary',
|
|
12
|
-
FilledTertiary: 'filled-tertiary',
|
|
13
|
-
FilledSuccess: 'filled-success',
|
|
14
|
-
FilledWarning: 'filled-warning',
|
|
15
|
-
FilledError: 'filled-error',
|
|
16
|
-
FilledSurface: 'filled-surface',
|
|
17
|
-
Ringed: 'ringed',
|
|
18
|
-
RingedPrimary: 'ringed-primary',
|
|
19
|
-
RingedSecondary: 'ringed-secondary',
|
|
20
|
-
RingedTertiary: 'ringed-tertiary',
|
|
21
|
-
RingedSuccess: 'ringed-success',
|
|
22
|
-
RingedWarning: 'ringed-warning',
|
|
23
|
-
RingedError: 'ringed-error',
|
|
24
|
-
RingedSurface: 'ringed-surface',
|
|
25
|
-
Ghost: 'ghost',
|
|
26
|
-
GhostPrimary: 'ghost-primary',
|
|
27
|
-
GhostSecondary: 'ghost-secondary',
|
|
28
|
-
GhostTertiary: 'ghost-tertiary',
|
|
29
|
-
GhostSuccess: 'ghost-success',
|
|
30
|
-
GhostWarning: 'ghost-warning',
|
|
31
|
-
GhostError: 'ghost-error',
|
|
32
|
-
GhostSurface: 'ghost-surface',
|
|
33
|
-
Soft: 'soft',
|
|
34
|
-
SoftPrimary: 'soft-primary',
|
|
35
|
-
SoftSecondary: 'soft-secondary',
|
|
36
|
-
SoftTertiary: 'soft-tertiary',
|
|
37
|
-
SoftSuccess: 'soft-success',
|
|
38
|
-
SoftWarning: 'soft-warning',
|
|
39
|
-
SoftError: 'soft-error',
|
|
40
|
-
SoftSurface: 'soft-surface',
|
|
41
|
-
Glass: 'glass',
|
|
42
|
-
GlassPrimary: 'glass-primary',
|
|
43
|
-
GlassSecondary: 'glass-secondary',
|
|
44
|
-
GlassTertiary: 'glass-tertiary',
|
|
45
|
-
GlassSuccess: 'glass-success',
|
|
46
|
-
GlassWarning: 'glass-warning',
|
|
47
|
-
GlassError: 'glass-error',
|
|
48
|
-
GlassSurface: 'glass-surface',
|
|
49
|
-
};
|
|
50
|
-
// "filled" | "filled-primary" | "filled-secondary" | "filled-tertiary" | "filled-success" | "filled-warning" | "filled-error" | "filled-surface" | "ringed" | "ringed-primary" | "ringed-secondary" | "ringed-tertiary" | "ringed-success" | "ringed-warning" | "ringed-error" | "ringed-surface" | "ghost" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "ghost-success" | "ghost-warning" | "ghost-error" | "ghost-surface" | "soft" | "soft-primary" | "soft-secondary" | "soft-tertiary" | "soft-success" | "soft-warning" | "soft-error" | "soft-surface" | "glass" | "glass-primary" | "glass-secondary" | "glass-tertiary" | "glass-success" | "glass-warning" | "glass-error" | "glass-surface" |
|
|
51
|
-
|
|
52
|
-
export const Size = {
|
|
53
|
-
XS: 'xs',
|
|
54
|
-
SM: 'sm',
|
|
55
|
-
MD: 'md',
|
|
56
|
-
LG: 'lg',
|
|
57
|
-
XL: 'xl',
|
|
58
|
-
};
|
|
59
|
-
// "xs" | "sm" | "md" | "lg" | "xl"
|
package/src/types/tailwind.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export const tailwindNumbers = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'] as const;
|
|
2
|
-
|
|
3
|
-
export type TailwindNumbers = (typeof tailwindNumbers)[number];
|
|
4
|
-
|
|
5
|
-
export const semanticNames = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'error', 'surface'] as const;
|
|
6
|
-
|
|
7
|
-
export type SemanticNames = (typeof semanticNames)[number];
|