@code-coaching/vuetiful 0.23.0 → 0.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/types/components/VBootstrap.vue.d.ts +1 -1
  3. package/dist/types/components/atoms/VAvatar.vue.d.ts +1 -1
  4. package/dist/types/components/atoms/VLightSwitch.vue.d.ts +2 -2
  5. package/dist/types/components/atoms/index.d.ts +13 -13
  6. package/dist/types/components/index.d.ts +2 -2
  7. package/dist/types/components/molecules/VAlert.vue.d.ts +1 -1
  8. package/dist/types/components/molecules/VCodeBlock.vue.d.ts +2 -2
  9. package/dist/types/components/molecules/VDrawer.vue.d.ts +1 -1
  10. package/dist/types/components/molecules/VListbox/VListbox.vue.d.ts +1 -1
  11. package/dist/types/components/molecules/VRail/VRail.vue.d.ts +1 -1
  12. package/dist/types/components/molecules/VRail/VRailTile.vue.d.ts +1 -1
  13. package/dist/types/components/molecules/index.d.ts +21 -21
  14. package/dist/types/directives/clipboard.d.ts +1 -1
  15. package/dist/types/directives/index.d.ts +1 -1
  16. package/dist/types/index.d.ts +6 -6
  17. package/dist/types/props/props.d.ts +1 -1
  18. package/dist/types/services/dark-mode.service.d.ts +1 -1
  19. package/dist/types/services/drawer.service.d.ts +1 -1
  20. package/dist/types/services/index.d.ts +5 -5
  21. package/dist/types/types/index.d.ts +1 -1
  22. package/dist/types/utils/index.d.ts +2 -2
  23. package/dist/types/utils/theme/theme-switcher.vue.d.ts +23 -63
  24. package/dist/types/utils/theme/theme.service.d.ts +1 -1
  25. package/dist/vuetiful.es.mjs +82 -150
  26. package/dist/vuetiful.umd.js +7 -15
  27. package/package.json +1 -1
  28. package/src/assets/main.css +6 -6
  29. package/src/components/VBootstrap.vue +43 -43
  30. package/src/components/atoms/VAvatar.test.ts +71 -71
  31. package/src/components/atoms/VAvatar.vue +22 -23
  32. package/src/components/atoms/VBadge.test.ts +11 -11
  33. package/src/components/atoms/VBadge.vue +2 -2
  34. package/src/components/atoms/VButton.test.ts +82 -82
  35. package/src/components/atoms/VButton.vue +20 -21
  36. package/src/components/atoms/VChip.test.ts +11 -11
  37. package/src/components/atoms/VChip.vue +3 -3
  38. package/src/components/atoms/VLightSwitch.test.ts +6 -6
  39. package/src/components/atoms/VLightSwitch.vue +26 -31
  40. package/src/components/atoms/VRadio/VRadioDescription.test.ts +13 -13
  41. package/src/components/atoms/VRadio/VRadioDescription.vue +2 -2
  42. package/src/components/atoms/VRadio/VRadioGroup.test.ts +40 -40
  43. package/src/components/atoms/VRadio/VRadioGroup.vue +19 -22
  44. package/src/components/atoms/VRadio/VRadioItem.test.ts +67 -67
  45. package/src/components/atoms/VRadio/VRadioItem.vue +10 -13
  46. package/src/components/atoms/VRadio/VRadioLabel.test.ts +13 -13
  47. package/src/components/atoms/VRadio/VRadioLabel.vue +5 -3
  48. package/src/components/atoms/VSwitch/VSwitch.test.ts +33 -33
  49. package/src/components/atoms/VSwitch/VSwitch.vue +24 -27
  50. package/src/components/atoms/VSwitch/VSwitchDescription.test.ts +13 -13
  51. package/src/components/atoms/VSwitch/VSwitchDescription.vue +2 -2
  52. package/src/components/atoms/VSwitch/VSwitchGroup.test.ts +9 -9
  53. package/src/components/atoms/VSwitch/VSwitchGroup.vue +2 -2
  54. package/src/components/atoms/VSwitch/VSwitchLabel.test.ts +19 -19
  55. package/src/components/atoms/VSwitch/VSwitchLabel.vue +2 -2
  56. package/src/components/atoms/index.ts +13 -13
  57. package/src/components/index.test.ts +3 -3
  58. package/src/components/index.ts +2 -2
  59. package/src/components/molecules/VAccordion/VAccordion.test.ts +11 -17
  60. package/src/components/molecules/VAccordion/VAccordion.vue +3 -3
  61. package/src/components/molecules/VAccordion/VAccordionItem.test.ts +55 -55
  62. package/src/components/molecules/VAccordion/VAccordionItem.vue +9 -22
  63. package/src/components/molecules/VAlert.test.ts +38 -38
  64. package/src/components/molecules/VAlert.vue +25 -47
  65. package/src/components/molecules/VCard/VCard.test.ts +25 -25
  66. package/src/components/molecules/VCard/VCard.vue +13 -15
  67. package/src/components/molecules/VCard/VCardBody.test.ts +14 -14
  68. package/src/components/molecules/VCard/VCardBody.vue +4 -8
  69. package/src/components/molecules/VCard/VCardFooter.test.ts +22 -22
  70. package/src/components/molecules/VCard/VCardFooter.vue +10 -8
  71. package/src/components/molecules/VCard/VCardHeader.test.ts +25 -25
  72. package/src/components/molecules/VCard/VCardHeader.vue +7 -8
  73. package/src/components/molecules/VCodeBlock.test.ts +63 -63
  74. package/src/components/molecules/VCodeBlock.vue +27 -34
  75. package/src/components/molecules/VDrawer.test.ts +5 -5
  76. package/src/components/molecules/VDrawer.vue +10 -10
  77. package/src/components/molecules/VListbox/VListbox.test.ts +53 -53
  78. package/src/components/molecules/VListbox/VListbox.vue +31 -32
  79. package/src/components/molecules/VListbox/VListboxButton.test.ts +13 -13
  80. package/src/components/molecules/VListbox/VListboxButton.vue +5 -5
  81. package/src/components/molecules/VListbox/VListboxItem.test.ts +25 -25
  82. package/src/components/molecules/VListbox/VListboxItem.vue +7 -8
  83. package/src/components/molecules/VListbox/VListboxItems.test.ts +14 -14
  84. package/src/components/molecules/VListbox/VListboxItems.vue +9 -11
  85. package/src/components/molecules/VListbox/VListboxLabel.test.ts +10 -10
  86. package/src/components/molecules/VListbox/VListboxLabel.vue +2 -2
  87. package/src/components/molecules/VPreview.test.ts +26 -26
  88. package/src/components/molecules/VPreview.vue +22 -27
  89. package/src/components/molecules/VRail/VRail.test.ts +5 -5
  90. package/src/components/molecules/VRail/VRail.vue +7 -7
  91. package/src/components/molecules/VRail/VRailTile.test.ts +26 -28
  92. package/src/components/molecules/VRail/VRailTile.vue +13 -11
  93. package/src/components/molecules/VShell.test.ts +5 -5
  94. package/src/components/molecules/VShell.vue +11 -20
  95. package/src/components/molecules/VTabs/VTab.test.ts +48 -52
  96. package/src/components/molecules/VTabs/VTab.vue +13 -17
  97. package/src/components/molecules/VTabs/VTabPanel.test.ts +8 -8
  98. package/src/components/molecules/VTabs/VTabPanel.vue +1 -1
  99. package/src/components/molecules/VTabs/VTabs.test.ts +36 -36
  100. package/src/components/molecules/VTabs/VTabs.vue +18 -22
  101. package/src/components/molecules/index.ts +21 -21
  102. package/src/directives/clipboard.test.ts +9 -9
  103. package/src/directives/clipboard.ts +2 -2
  104. package/src/directives/index.ts +1 -1
  105. package/src/env.d.ts +2 -2
  106. package/src/index.test.ts +6 -6
  107. package/src/index.ts +7 -7
  108. package/src/props/index.ts +1 -1
  109. package/src/props/props.ts +44 -44
  110. package/src/services/dark-mode.service.test.ts +115 -93
  111. package/src/services/dark-mode.service.ts +9 -9
  112. package/src/services/drawer.service.test.ts +21 -21
  113. package/src/services/drawer.service.ts +10 -10
  114. package/src/services/highlight.service.test.ts +12 -12
  115. package/src/services/highlight.service.ts +1 -1
  116. package/src/services/index.ts +5 -5
  117. package/src/services/rail.service.test.ts +7 -7
  118. package/src/services/rail.service.ts +2 -2
  119. package/src/services/settings.service.test.ts +5 -5
  120. package/src/services/settings.service.ts +1 -1
  121. package/src/styles/all.css +7 -7
  122. package/src/styles/elements/buttons.css +1 -1
  123. package/src/styles/elements/forms.css +7 -7
  124. package/src/styles/elements.css +13 -13
  125. package/src/styles/transitions.css +2 -2
  126. package/src/styles/typography.css +5 -5
  127. package/src/themes/theme-rocket.css +10 -10
  128. package/src/themes/theme-sahara.css +13 -13
  129. package/src/themes/theme-seafoam.css +13 -13
  130. package/src/themes/theme-seasonal.css +4 -4
  131. package/src/themes/theme-skeleton.css +7 -7
  132. package/src/themes/theme-vintage.css +12 -12
  133. package/src/themes/theme-vuetiful-0.0.1.css +13 -13
  134. package/src/types/index.ts +46 -46
  135. package/src/types/tailwind.ts +2 -21
  136. package/src/utils/index.test.ts +3 -3
  137. package/src/utils/index.ts +2 -2
  138. package/src/utils/platform/platform.service.test.ts +6 -6
  139. package/src/utils/platform/platform.service.ts +1 -1
  140. package/src/utils/theme/callback.test.ts +6 -6
  141. package/src/utils/theme/remove.test.ts +8 -8
  142. package/src/utils/theme/theme-switcher.vue +58 -131
  143. package/src/utils/theme/theme.service.test.ts +69 -61
  144. package/src/utils/theme/theme.service.ts +19 -20
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- .icon[data-v-73195296],.icon[data-v-5635c35e]{@apply my-1 h-4 w-4 fill-current;}.icon[data-v-6c055e30]{@apply my-1 h-4 min-h-[1rem] w-4 min-w-[1rem] fill-current;}.icon[data-v-5df26a83]{@apply my-1 h-6 min-h-[1.5rem] w-6 min-w-[1.5rem] fill-current;}.vuetiful-card-header{border-top-left-radius:inherit;border-top-right-radius:inherit}.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
1
+ .icon[data-v-ef253f90],.icon[data-v-31089628]{@apply my-1 h-4 w-4 fill-current;}.icon[data-v-513d21fc]{@apply my-1 h-4 min-h-[1rem] w-4 min-w-[1rem] fill-current;}.icon[data-v-5d6982bd]{@apply my-1 h-6 min-h-[1.5rem] w-6 min-w-[1.5rem] fill-current;}.vuetiful-card-header{border-top-left-radius:inherit;border-top-right-radius:inherit}.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
2
2
  Theme: GitHub Dark
3
3
  Description: Dark theme as seen on github.com
4
4
  Author: github.com
@@ -1,4 +1,4 @@
1
- import { PropType } from "vue";
1
+ import { PropType } from 'vue';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  variant: {
4
4
  type: PropType<"" | "variant-filled" | "variant-filled-surface" | "variant-filled-primary" | "variant-filled-secondary" | "variant-filled-tertiary" | "variant-filled-success" | "variant-filled-warning" | "variant-filled-error" | "variant-ringed" | "variant-ringed-primary" | "variant-ringed-secondary" | "variant-ringed-tertiary" | "variant-ringed-success" | "variant-ringed-warning" | "variant-ringed-error" | "variant-ringed-surface" | "variant-ghost" | "variant-ghost-primary" | "variant-ghost-secondary" | "variant-ghost-tertiary" | "variant-ghost-success" | "variant-ghost-warning" | "variant-ghost-error" | "variant-ghost-surface" | "variant-soft" | "variant-soft-primary" | "variant-soft-secondary" | "variant-soft-tertiary" | "variant-soft-success" | "variant-soft-warning" | "variant-soft-error" | "variant-soft-surface" | "variant-glass" | "variant-glass-primary" | "variant-glass-secondary" | "variant-glass-tertiary" | "variant-glass-success" | "variant-glass-warning" | "variant-glass-error" | "variant-glass-surface">;
@@ -1,4 +1,4 @@
1
- import { CssClasses } from "@/index";
1
+ import { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  initials: {
4
4
  type: StringConstructor;
@@ -1,5 +1,5 @@
1
- import { CssClasses } from "@/index";
2
- import { ComputedRef } from "vue";
1
+ import { CssClasses } from '@/index';
2
+ import { ComputedRef } from 'vue';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  bgLight: {
5
5
  type: () => CssClasses;
@@ -1,14 +1,14 @@
1
- import VAvatar from "./VAvatar.vue";
2
- import VBadge from "./VBadge.vue";
3
- import VButton from "./VButton.vue";
4
- import VChip from "./VChip.vue";
5
- import VLightSwitch from "./VLightSwitch.vue";
6
- import VRadioDescription from "./VRadio/VRadioDescription.vue";
7
- import VRadioGroup from "./VRadio/VRadioGroup.vue";
8
- import VRadioItem from "./VRadio/VRadioItem.vue";
9
- import VRadioLabel from "./VRadio/VRadioLabel.vue";
10
- import VSwitch from "./VSwitch/VSwitch.vue";
11
- import VSwitchDescription from "./VSwitch/VSwitchDescription.vue";
12
- import VSwitchGroup from "./VSwitch/VSwitchGroup.vue";
13
- import VSwitchLabel from "./VSwitch/VSwitchLabel.vue";
1
+ import VAvatar from './VAvatar.vue';
2
+ import VBadge from './VBadge.vue';
3
+ import VButton from './VButton.vue';
4
+ import VChip from './VChip.vue';
5
+ import VLightSwitch from './VLightSwitch.vue';
6
+ import VRadioDescription from './VRadio/VRadioDescription.vue';
7
+ import VRadioGroup from './VRadio/VRadioGroup.vue';
8
+ import VRadioItem from './VRadio/VRadioItem.vue';
9
+ import VRadioLabel from './VRadio/VRadioLabel.vue';
10
+ import VSwitch from './VSwitch/VSwitch.vue';
11
+ import VSwitchDescription from './VSwitch/VSwitchDescription.vue';
12
+ import VSwitchGroup from './VSwitch/VSwitchGroup.vue';
13
+ import VSwitchLabel from './VSwitch/VSwitchLabel.vue';
14
14
  export { VAvatar, VButton, VBadge, VChip, VLightSwitch, VRadioGroup, VRadioItem, VRadioLabel, VRadioDescription, VSwitchGroup, VSwitchLabel, VSwitchDescription, VSwitch, };
@@ -1,2 +1,2 @@
1
- export * from "./atoms";
2
- export * from "./molecules";
1
+ export * from './atoms';
2
+ export * from './molecules';
@@ -1,4 +1,4 @@
1
- import { PropType } from "vue";
1
+ import { PropType } from 'vue';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  hideIcon: {
4
4
  type: BooleanConstructor;
@@ -1,5 +1,5 @@
1
- import { CssClasses } from "@/index";
2
- import "highlight.js/styles/github-dark.css";
1
+ import { CssClasses } from '@/index';
2
+ import 'highlight.js/styles/github-dark.css';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  language: {
5
5
  type: StringConstructor;
@@ -1,4 +1,4 @@
1
- import type { CssClasses } from "@/index";
1
+ import type { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  regionBackdrop: {
4
4
  type: () => CssClasses;
@@ -1,4 +1,4 @@
1
- import { CssClasses } from "@/index";
1
+ import { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  modelValue: any;
4
4
  by: {
@@ -1,4 +1,4 @@
1
- import type { CssClasses } from "@/index";
1
+ import type { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  active: {
4
4
  type: () => CssClasses;
@@ -1,4 +1,4 @@
1
- import type { CssClasses } from "@/index";
1
+ import type { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  value: {
4
4
  type: StringConstructor;
@@ -1,22 +1,22 @@
1
- import VDrawer from "./VDrawer.vue";
2
- import VPreview from "./VPreview.vue";
3
- import VRail from "./VRail/VRail.vue";
4
- import VRailTile from "./VRail/VRailTile.vue";
5
- import VShell from "./VShell.vue";
6
- import VListbox from "./VListbox/VListbox.vue";
7
- import VListboxButton from "./VListbox/VListboxButton.vue";
8
- import VListboxItem from "./VListbox/VListboxItem.vue";
9
- import VListboxItems from "./VListbox/VListboxItems.vue";
10
- import VListboxLabel from "./VListbox/VListboxLabel.vue";
11
- import VTab from "./VTabs/VTab.vue";
12
- import VTabPanel from "./VTabs/VTabPanel.vue";
13
- import VTabs from "./VTabs/VTabs.vue";
14
- import VAccordion from "./VAccordion/VAccordion.vue";
15
- import VAccordionItem from "./VAccordion/VAccordionItem.vue";
16
- import VAlert from "./VAlert.vue";
17
- import VCard from "./VCard/VCard.vue";
18
- import VCardBody from "./VCard/VCardBody.vue";
19
- import VCardFooter from "./VCard/VCardFooter.vue";
20
- import VCardHeader from "./VCard/VCardHeader.vue";
21
- import VCodeBlock from "./VCodeBlock.vue";
1
+ import VDrawer from './VDrawer.vue';
2
+ import VPreview from './VPreview.vue';
3
+ import VRail from './VRail/VRail.vue';
4
+ import VRailTile from './VRail/VRailTile.vue';
5
+ import VShell from './VShell.vue';
6
+ import VListbox from './VListbox/VListbox.vue';
7
+ import VListboxButton from './VListbox/VListboxButton.vue';
8
+ import VListboxItem from './VListbox/VListboxItem.vue';
9
+ import VListboxItems from './VListbox/VListboxItems.vue';
10
+ import VListboxLabel from './VListbox/VListboxLabel.vue';
11
+ import VTab from './VTabs/VTab.vue';
12
+ import VTabPanel from './VTabs/VTabPanel.vue';
13
+ import VTabs from './VTabs/VTabs.vue';
14
+ import VAccordion from './VAccordion/VAccordion.vue';
15
+ import VAccordionItem from './VAccordion/VAccordionItem.vue';
16
+ import VAlert from './VAlert.vue';
17
+ import VCard from './VCard/VCard.vue';
18
+ import VCardBody from './VCard/VCardBody.vue';
19
+ import VCardFooter from './VCard/VCardFooter.vue';
20
+ import VCardHeader from './VCard/VCardHeader.vue';
21
+ import VCodeBlock from './VCodeBlock.vue';
22
22
  export { VAccordion, VAccordionItem, VAlert, VCard, VCardBody, VCardFooter, VCardHeader, VCodeBlock, VDrawer, VListbox, VListboxButton, VListboxItem, VListboxItems, VListboxLabel, VPreview, VRail, VRailTile, VShell, VTab, VTabPanel, VTabs, };
@@ -1,3 +1,3 @@
1
- import { DirectiveBinding } from "vue";
1
+ import { DirectiveBinding } from 'vue';
2
2
  declare const clipboard: (el: HTMLElement, binding: DirectiveBinding) => void;
3
3
  export default clipboard;
@@ -1,2 +1,2 @@
1
- import vClipboard from "./clipboard";
1
+ import vClipboard from './clipboard';
2
2
  export { vClipboard };
@@ -1,12 +1,12 @@
1
1
  declare function install(app: any): void;
2
- import "./assets/main.css";
3
- import "./styles/tailwind.css";
2
+ import './assets/main.css';
3
+ import './styles/tailwind.css';
4
4
  declare const _default: {
5
5
  install: typeof install;
6
6
  };
7
7
  export default _default;
8
- export * from "./components";
9
- export * from "./utils";
10
- export * from "./directives";
11
- export * from "./services";
8
+ export * from './components';
9
+ export * from './utils';
10
+ export * from './directives';
11
+ export * from './services';
12
12
  export declare type CssClasses = string;
@@ -1,4 +1,4 @@
1
- import { PropType } from "vue";
1
+ import { PropType } from 'vue';
2
2
  declare const sizeProp: {
3
3
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
4
4
  default: string;
@@ -1,4 +1,4 @@
1
- import { Ref } from "vue";
1
+ import { Ref } from 'vue';
2
2
  declare const useDarkMode: () => {
3
3
  modeOsPrefers: Readonly<Ref<boolean>>;
4
4
  modeUserPrefers: Readonly<Ref<boolean | undefined>>;
@@ -1,7 +1,7 @@
1
1
  export interface DrawerSettings {
2
2
  id?: string;
3
3
  open?: boolean;
4
- position?: "left" | "top" | "right" | "bottom";
4
+ position?: 'left' | 'top' | 'right' | 'bottom';
5
5
  duration?: 150 | 300;
6
6
  regionBackdrop?: string;
7
7
  regionDrawer?: string;
@@ -1,7 +1,7 @@
1
- import { useDarkMode } from "./dark-mode.service";
2
- import { useDrawer } from "./drawer.service";
3
- import { useHighlight } from "./highlight.service";
4
- import { useRail } from "./rail.service";
5
- import { useSettings, VuetifulSettings } from "./settings.service";
1
+ import { useDarkMode } from './dark-mode.service';
2
+ import { useDrawer } from './drawer.service';
3
+ import { useHighlight } from './highlight.service';
4
+ import { useRail } from './rail.service';
5
+ import { useSettings, VuetifulSettings } from './settings.service';
6
6
  export { useDarkMode, useDrawer, useHighlight, useRail, useSettings };
7
7
  export type { VuetifulSettings };
@@ -1,4 +1,4 @@
1
- export * from "./tailwind";
1
+ export * from './tailwind';
2
2
  /**
3
3
  * The commented string unions are to use in PropType<> for Vue components,
4
4
  * TypeScript types or enums do not give errors when using a string that is not in the union.
@@ -1,3 +1,3 @@
1
- import ThemeSwitcher from "./theme/theme-switcher.vue";
2
- import { useTheme } from "./theme/theme.service";
1
+ import ThemeSwitcher from './theme/theme-switcher.vue';
2
+ import { useTheme } from './theme/theme.service';
3
3
  export { ThemeSwitcher, useTheme };
@@ -1,109 +1,69 @@
1
- import { CssClasses } from "@/index";
1
+ import { CssClasses } from '@/index';
2
2
  declare const _default: import("vue").DefineComponent<{
3
- bgLight: {
3
+ background: {
4
4
  type: () => CssClasses;
5
5
  default: string;
6
6
  };
7
- bgDark: {
7
+ text: {
8
8
  type: () => CssClasses;
9
9
  default: string;
10
10
  };
11
- textOnLight: {
11
+ widthPopup: {
12
12
  type: () => CssClasses;
13
13
  default: string;
14
14
  };
15
- textOnDark: {
15
+ heightList: {
16
16
  type: () => CssClasses;
17
17
  default: string;
18
18
  };
19
- width: {
19
+ classButton: {
20
20
  type: () => CssClasses;
21
21
  default: string;
22
22
  };
23
- height: {
23
+ classList: {
24
24
  type: () => CssClasses;
25
25
  default: string;
26
26
  };
27
- ring: {
27
+ classListItem: {
28
28
  type: () => CssClasses;
29
29
  default: string;
30
30
  };
31
- rounded: {
31
+ }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
+ background: {
32
33
  type: () => CssClasses;
33
34
  default: string;
34
35
  };
35
- roundedContainer: {
36
+ text: {
36
37
  type: () => CssClasses;
37
38
  default: string;
38
39
  };
39
- buttonClasses: {
40
+ widthPopup: {
40
41
  type: () => CssClasses;
41
42
  default: string;
42
43
  };
43
- }, {
44
- onKeyDown: (event: KeyboardEvent) => void;
45
- loadTheme: (themeName: string, callback?: Function | undefined) => void;
46
- currentMode: Readonly<import("vue").Ref<boolean>>;
47
- classes: import("vue").ComputedRef<string>;
48
- chosenTheme: Readonly<import("vue").Ref<string>>;
49
- themes: Readonly<import("vue").Ref<readonly {
50
- readonly name: string;
51
- readonly url: string;
52
- }[]>>;
53
- showPopup: import("vue").Ref<boolean>;
54
- listClasses: import("vue").ComputedRef<string>;
55
- listItemClasses: import("vue").ComputedRef<string>;
56
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
57
- bgLight: {
44
+ heightList: {
58
45
  type: () => CssClasses;
59
46
  default: string;
60
47
  };
61
- bgDark: {
48
+ classButton: {
62
49
  type: () => CssClasses;
63
50
  default: string;
64
51
  };
65
- textOnLight: {
52
+ classList: {
66
53
  type: () => CssClasses;
67
54
  default: string;
68
55
  };
69
- textOnDark: {
70
- type: () => CssClasses;
71
- default: string;
72
- };
73
- width: {
74
- type: () => CssClasses;
75
- default: string;
76
- };
77
- height: {
78
- type: () => CssClasses;
79
- default: string;
80
- };
81
- ring: {
82
- type: () => CssClasses;
83
- default: string;
84
- };
85
- rounded: {
86
- type: () => CssClasses;
87
- default: string;
88
- };
89
- roundedContainer: {
90
- type: () => CssClasses;
91
- default: string;
92
- };
93
- buttonClasses: {
56
+ classListItem: {
94
57
  type: () => CssClasses;
95
58
  default: string;
96
59
  };
97
60
  }>>, {
98
- bgLight: string;
99
- bgDark: string;
100
- width: string;
101
- height: string;
102
- ring: string;
103
- rounded: string;
104
- textOnLight: string;
105
- textOnDark: string;
106
- roundedContainer: string;
107
- buttonClasses: string;
61
+ background: string;
62
+ text: string;
63
+ classButton: string;
64
+ widthPopup: string;
65
+ heightList: string;
66
+ classList: string;
67
+ classListItem: string;
108
68
  }>;
109
69
  export default _default;
@@ -1,4 +1,4 @@
1
- import { Ref } from "vue";
1
+ import { Ref } from 'vue';
2
2
  export interface Theme {
3
3
  name: string;
4
4
  url: string;