nuance-ui 0.2.8 → 0.2.10

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 (104) hide show
  1. package/LICENSE.md +9 -9
  2. package/README.md +75 -75
  3. package/dist/module.json +1 -1
  4. package/dist/runtime/components/action-icon/action-icon-group.vue +3 -3
  5. package/dist/runtime/components/action-icon/action-icon.vue +23 -23
  6. package/dist/runtime/components/app-shell/app-shell-aside.vue +30 -30
  7. package/dist/runtime/components/app-shell/app-shell-footer.vue +29 -29
  8. package/dist/runtime/components/app-shell/app-shell-header.vue +30 -30
  9. package/dist/runtime/components/app-shell/app-shell-main.vue +18 -18
  10. package/dist/runtime/components/app-shell/app-shell-navbar.vue +34 -34
  11. package/dist/runtime/components/app-shell/app-shell-section.vue +10 -10
  12. package/dist/runtime/components/app-shell/app-shell.vue +34 -34
  13. package/dist/runtime/components/box.vue +3 -3
  14. package/dist/runtime/components/breadcrumbs.vue +78 -78
  15. package/dist/runtime/components/button/button.d.vue.ts +5 -0
  16. package/dist/runtime/components/button/button.module.css +1 -1
  17. package/dist/runtime/components/button/button.vue +44 -41
  18. package/dist/runtime/components/button/button.vue.d.ts +5 -0
  19. package/dist/runtime/components/button/unstyled-button.vue +23 -23
  20. package/dist/runtime/components/calendar/calendar.vue +60 -60
  21. package/dist/runtime/components/calendar/ui/core/calendar-header.vue +95 -95
  22. package/dist/runtime/components/calendar/ui/core/calendar-root.vue +3 -3
  23. package/dist/runtime/components/calendar/ui/levels/calendar-decade.vue +40 -40
  24. package/dist/runtime/components/calendar/ui/levels/calendar-month.vue +77 -77
  25. package/dist/runtime/components/calendar/ui/levels/calendar-year.vue +40 -40
  26. package/dist/runtime/components/card/card-section.vue +3 -3
  27. package/dist/runtime/components/card/card.vue +3 -3
  28. package/dist/runtime/components/checkbox/checkbox-card.vue +37 -37
  29. package/dist/runtime/components/checkbox/checkbox-indicator.vue +117 -117
  30. package/dist/runtime/components/checkbox/checkbox.vue +139 -139
  31. package/dist/runtime/components/chip/chip-group.vue +2 -2
  32. package/dist/runtime/components/chip/chip.vue +200 -200
  33. package/dist/runtime/components/combobox/combobox-dropdown.vue +14 -14
  34. package/dist/runtime/components/combobox/combobox-empty.vue +3 -3
  35. package/dist/runtime/components/combobox/combobox-group.vue +21 -21
  36. package/dist/runtime/components/combobox/combobox-option-list.vue +3 -3
  37. package/dist/runtime/components/combobox/combobox-option.vue +22 -22
  38. package/dist/runtime/components/combobox/combobox-options-dropdown.vue +29 -29
  39. package/dist/runtime/components/combobox/combobox-root.vue +3 -3
  40. package/dist/runtime/components/combobox/combobox-target.vue +3 -3
  41. package/dist/runtime/components/container.vue +8 -8
  42. package/dist/runtime/components/date-time-picker.d.vue.ts +3 -3
  43. package/dist/runtime/components/date-time-picker.vue +66 -66
  44. package/dist/runtime/components/date-time-picker.vue.d.ts +3 -3
  45. package/dist/runtime/components/dialog/ui/dialog-close-button.vue +11 -11
  46. package/dist/runtime/components/dialog/ui/dialog-header.vue +5 -5
  47. package/dist/runtime/components/dialog/ui/dialog-title.vue +5 -5
  48. package/dist/runtime/components/drawer/drawer-close-button.vue +3 -3
  49. package/dist/runtime/components/drawer/drawer-header.vue +3 -3
  50. package/dist/runtime/components/drawer/drawer-root.vue +15 -15
  51. package/dist/runtime/components/drawer/drawer-title.vue +3 -3
  52. package/dist/runtime/components/files/file-upload-button.vue +13 -12
  53. package/dist/runtime/components/files/file-upload-icon.vue +1 -1
  54. package/dist/runtime/components/input/date-picker.vue +85 -85
  55. package/dist/runtime/components/input/email-input.vue +19 -19
  56. package/dist/runtime/components/input/number-input.vue +134 -134
  57. package/dist/runtime/components/input/password-input.vue +28 -28
  58. package/dist/runtime/components/input/text-input.vue +35 -35
  59. package/dist/runtime/components/input/ui/input-inline.vue +105 -105
  60. package/dist/runtime/components/input/ui/input-wrapper.vue +54 -54
  61. package/dist/runtime/components/link/link-button.vue +17 -16
  62. package/dist/runtime/components/link/link.vue +10 -10
  63. package/dist/runtime/components/loader/_loaders/bars-loader.vue +5 -5
  64. package/dist/runtime/components/loader/_loaders/dots-loader.vue +5 -5
  65. package/dist/runtime/components/loader/_loaders/oval-loader.vue +1 -1
  66. package/dist/runtime/components/modal/modal-close-button.vue +3 -3
  67. package/dist/runtime/components/modal/modal-header.vue +3 -3
  68. package/dist/runtime/components/modal/modal-root.vue +13 -13
  69. package/dist/runtime/components/modal/modal-title.vue +3 -3
  70. package/dist/runtime/components/nav-link/nav-icon-link.vue +15 -15
  71. package/dist/runtime/components/nav-link/nav-link.vue +132 -132
  72. package/dist/runtime/components/paper.vue +33 -33
  73. package/dist/runtime/components/popover/popover-dropdown.vue +69 -70
  74. package/dist/runtime/components/popover/popover-target.vue +8 -8
  75. package/dist/runtime/components/popover/popover.vue +1 -1
  76. package/dist/runtime/components/progress/progress-label.vue +3 -3
  77. package/dist/runtime/components/progress/progress-root.vue +3 -3
  78. package/dist/runtime/components/progress/progress-section.vue +8 -8
  79. package/dist/runtime/components/progress/progress.vue +9 -9
  80. package/dist/runtime/components/renderless/renderless.vue +3 -3
  81. package/dist/runtime/components/roving-focus/roving-focus-item.vue +14 -14
  82. package/dist/runtime/components/select.vue +63 -63
  83. package/dist/runtime/components/switch/switch-group.vue +16 -16
  84. package/dist/runtime/components/table/table.d.ts +30 -30
  85. package/dist/runtime/components/table/ui/table-sortable-header.vue +12 -11
  86. package/dist/runtime/components/tabs/tabs-list.vue +10 -10
  87. package/dist/runtime/components/tabs/tabs-panel.vue +11 -11
  88. package/dist/runtime/components/tabs/tabs-root.vue +8 -8
  89. package/dist/runtime/components/tabs/tabs-tab.vue +22 -22
  90. package/dist/runtime/components/text.vue +67 -67
  91. package/dist/runtime/components/textarea.vue +36 -36
  92. package/dist/runtime/components/title.vue +14 -14
  93. package/dist/runtime/components/transition.vue +3 -3
  94. package/dist/runtime/components/tree/_ui/tree-item.vue +128 -129
  95. package/dist/runtime/components/tree/_ui/tree-root.vue +21 -21
  96. package/dist/runtime/components/visually-hidden/visually-hidden-input.vue +1 -1
  97. package/dist/runtime/components/visually-hidden/visually-hidden.vue +9 -9
  98. package/dist/runtime/composables/use-style-resolver.d.ts +2 -3
  99. package/dist/runtime/styles/dark-theme.css +1 -1
  100. package/dist/runtime/types/index.d.ts +1 -0
  101. package/dist/runtime/types/styling.d.ts +4 -0
  102. package/dist/runtime/types/styling.js +0 -0
  103. package/dist/runtime/utils/color/parse-theme-color.d.ts +2 -2
  104. package/package.json +1 -1
package/dist/runtime/components/tree/_ui/tree-root.vue CHANGED
@@ -64,28 +64,28 @@ if (removable) {
64
64
  </script>
65
65
 
66
66
  <template>
67
- <RovingFocus :attr :loop :orientation>
68
- <Box
69
- is='ul'
70
- ref='parent'
71
- role='tree'
72
- :style
73
- :class='$style.root'
74
- @keydown.esc.prevent='selected = []'
75
- >
76
- <slot />
77
- </Box>
78
- </RovingFocus>
67
+ <RovingFocus :attr :loop :orientation>
68
+ <Box
69
+ is='ul'
70
+ ref='parent'
71
+ role='tree'
72
+ :style
73
+ :class='$style.root'
74
+ @keydown.esc.prevent='selected = []'
75
+ >
76
+ <slot />
77
+ </Box>
78
+ </RovingFocus>
79
79
  </template>
80
80
 
81
81
  <style module lang="postcss">
82
- .root {
83
- --tree-icon-size: var(--spacing-md);
84
-
85
- display: flex;
86
- flex-direction: column;
87
- gap: .25rem;
88
-
89
- padding-inline-start: 0;
90
- }
82
+ .root {
83
+ --tree-icon-size: var(--spacing-md);
84
+
85
+ display: flex;
86
+ flex-direction: column;
87
+ gap: .25rem;
88
+
89
+ padding-inline-start: 0;
90
+ }
91
91
  </style>
package/dist/runtime/components/visually-hidden/visually-hidden-input.vue CHANGED
@@ -12,5 +12,5 @@ const value = defineModel({ type: null });
12
12
  </script>
13
13
 
14
14
  <template>
15
- <VisuallyHidden v-bind='{ ...props, ...$attrs }' is='input' v-model='value' />
15
+ <VisuallyHidden v-bind='{ ...props, ...$attrs }' is='input' v-model='value' />
16
16
  </template>
package/dist/runtime/components/visually-hidden/visually-hidden.vue CHANGED
@@ -8,15 +8,15 @@ const { feature, ...rest } = defineProps({
8
8
  </script>
9
9
 
10
10
  <template>
11
- <Box
12
- :aria-hidden='feature === "focusable" ? "true" : void 0'
13
- :data-hidden='feature === "fully-hidden" ? "true" : void 0'
14
- :tabindex='feature === "fully-hidden" ? "-1" : void 0'
15
- v-bind='rest'
16
- class='root'
17
- >
18
- <slot />
19
- </Box>
11
+ <Box
12
+ :aria-hidden='feature === "focusable" ? "true" : void 0'
13
+ :data-hidden='feature === "fully-hidden" ? "true" : void 0'
14
+ :tabindex='feature === "fully-hidden" ? "-1" : void 0'
15
+ v-bind='rest'
16
+ class='root'
17
+ >
18
+ <slot />
19
+ </Box>
20
20
  </template>
21
21
 
22
22
  <style scoped>
package/dist/runtime/composables/use-style-resolver.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import type { NuanceTheme } from '@nui/types';
2
- import type { CSSProperties } from 'vue';
1
+ import type { NuanceTheme, TransformVars } from '@nui/types';
3
2
  /**
4
3
  * Builds a style object from a factory that receives the current theme.
5
4
  */
6
- export declare function useStyleResolver<T extends CSSProperties>(factory: (theme: NuanceTheme) => T): T;
5
+ export declare function useStyleResolver<T extends object>(factory: (theme: NuanceTheme) => TransformVars<T>): TransformVars<T>;
package/dist/runtime/styles/dark-theme.css CHANGED
@@ -1 +1 @@
1
- :root{@mixin dark-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-white);--color-text:var(--color-slate-3);--color-body:var(--color-slate-9);--color-aside:var(--color-slate-7);--color-header:var(--color-slate-8);--color-error:var(--color-red-7);--color-placeholder:var(--color-dark-3);--color-anchor:var(--color-blue-4);--color-default:var(--color-dark-6);--color-default-hover:var(--color-dark-5);--color-default-color:var(--color-white);--color-default-border:var(--color-dark-4);--color-dimmed:var(--color-slate-5);--color-disabled:var(--color-dark-6);--color-disabled-text:var(--color-dark-3);--color-disabled-border:var(--color-gray-6);--color-dark-color:var(--color-dark-4);--color-dark-filled:var(--color-dark-8);--color-dark-filled-hover:var(--color-dark-9);--color-dark-light:rgba(46,46,46,.15);--color-dark-light-hover:rgba(46,46,46,.2);--color-dark-light-color:var(--color-dark-3);--color-dark-outline:var(--color-dark-4);--color-dark-outline-hover:rgba(66,66,66,.05);--color-slate-filled:var(--color-slate-6);--color-slate-filled-hover:var(--color-slate-7);--color-slate-light:alpha(var(--color-slate-3),.15);--color-slate-light-hover:var(--color-slate-2);--color-slate-light-color:var(--color-slate-8);--color-slate-outline:var(--color-slate-5);--color-slate-outline-hover:alpha(var(--color-slate-5),.1);--color-gray-color:var(--color-gray-4);--color-gray-filled:var(--color-gray-8);--color-gray-filled-hover:var(--color-gray-9);--color-gray-light:hsla(210,7%,56%,.15);--color-gray-light-hover:hsla(210,7%,56%,.2);--color-gray-light-color:var(--color-gray-3);--color-gray-outline:var(--color-gray-4);--color-gray-outline-hover:rgba(206,212,218,.05);--color-red-color:var(--color-red-4);--color-red-filled:var(--color-red-8);--color-red-filled-hover:var(--color-red-9);--color-red-light:rgba(250,82,82,.15);--color-red-light-hover:rgba(250,82,82,.2);--color-red-light-color:var(--color-red-3);--color-red-outline:var(--color-red-4);--color-red-outline-hover:hsla(0,100%,76%,.05);--color-pink-color:var(--color-pink-4);--color-pink-filled:var(--color-pink-8);--color-pink-filled-hover:var(--color-pink-9);--color-pink-light:rgba(230,73,128,.15);--color-pink-light-hover:rgba(230,73,128,.2);--color-pink-light-color:var(--color-pink-3);--color-pink-outline:var(--color-pink-4);--color-pink-outline-hover:rgba(247,131,172,.05);--color-grape-color:var(--color-grape-4);--color-grape-filled:var(--color-grape-8);--color-grape-filled-hover:var(--color-grape-9);--color-grape-light:rgba(190,75,219,.15);--color-grape-light-hover:rgba(190,75,219,.2);--color-grape-light-color:var(--color-grape-3);--color-grape-outline:var(--color-grape-4);--color-grape-outline-hover:rgba(218,119,242,.05);--color-violet-color:var(--color-violet-4);--color-violet-filled:var(--color-violet-8);--color-violet-filled-hover:var(--color-violet-9);--color-violet-light:rgba(121,80,242,.15);--color-violet-light-hover:rgba(121,80,242,.2);--color-violet-light-color:var(--color-violet-3);--color-violet-outline:var(--color-violet-4);--color-violet-outline-hover:rgba(151,117,250,.05);--color-indigo-color:var(--color-indigo-4);--color-indigo-filled:var(--color-indigo-8);--color-indigo-filled-hover:var(--color-indigo-9);--color-indigo-light:rgba(76,110,245,.15);--color-indigo-light-hover:rgba(76,110,245,.2);--color-indigo-light-color:var(--color-indigo-3);--color-indigo-outline:var(--color-indigo-4);--color-indigo-outline-hover:rgba(116,143,252,.05);--color-blue-color:var(--color-blue-4);--color-blue-filled:var(--color-blue-8);--color-blue-filled-hover:var(--color-blue-9);--color-blue-light:rgba(34,139,230,.15);--color-blue-light-hover:rgba(34,139,230,.2);--color-blue-light-color:var(--color-blue-3);--color-blue-outline:var(--color-blue-4);--color-blue-outline-hover:rgba(77,171,247,.05);--color-cyan-color:var(--color-cyan-4);--color-cyan-filled:var(--color-cyan-8);--color-cyan-filled-hover:var(--color-cyan-9);--color-cyan-light:rgba(21,170,191,.15);--color-cyan-light-hover:rgba(21,170,191,.2);--color-cyan-light-color:var(--color-cyan-3);--color-cyan-outline:var(--color-cyan-4);--color-cyan-outline-hover:rgba(59,201,219,.05);--color-teal-color:var(--color-teal-4);--color-teal-filled:var(--color-teal-8);--color-teal-filled-hover:var(--color-teal-9);--color-teal-light:rgba(18,184,134,.15);--color-teal-light-hover:rgba(18,184,134,.2);--color-teal-light-color:var(--color-teal-3);--color-teal-outline:var(--color-teal-4);--color-teal-outline-hover:rgba(56,217,169,.05);--color-green-color:var(--color-green-4);--color-green-filled:var(--color-green-8);--color-green-filled-hover:var(--color-green-9);--color-green-light:rgba(64,192,87,.15);--color-green-light-hover:rgba(64,192,87,.2);--color-green-light-color:var(--color-green-3);--color-green-outline:var(--color-green-4);--color-green-outline-hover:rgba(105,219,124,.05);--color-lime-color:var(--color-lime-4);--color-lime-filled:var(--color-lime-8);--color-lime-filled-hover:var(--color-lime-9);--color-lime-light:rgba(130,201,30,.15);--color-lime-light-hover:rgba(130,201,30,.2);--color-lime-light-color:var(--color-lime-3);--color-lime-outline:var(--color-lime-4);--color-lime-outline-hover:rgba(169,227,75,.05);--color-yellow-color:var(--color-yellow-4);--color-yellow-filled:var(--color-yellow-8);--color-yellow-filled-hover:var(--color-yellow-9);--color-yellow-light:rgba(250,176,5,.15);--color-yellow-light-hover:rgba(250,176,5,.2);--color-yellow-light-color:var(--color-yellow-3);--color-yellow-outline:var(--color-yellow-4);--color-yellow-outline-hover:rgba(255,212,59,.05);--color-orange-color:var(--color-orange-4);--color-orange-filled:var(--color-orange-8);--color-orange-filled-hover:var(--color-orange-9);--color-orange-light:rgba(253,126,20,.15);--color-orange-light-hover:rgba(253,126,20,.2);--color-orange-light-color:var(--color-orange-3);--color-orange-outline:var(--color-orange-4);--color-orange-outline-hover:rgba(255,169,77,.05)}}
1
+ :root{@mixin dark-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-white);--color-text:var(--color-slate-3);--color-body:var(--color-slate-9);--color-aside:var(--color-slate-7);--color-header:var(--color-slate-8);--color-error:var(--color-red-7);--color-placeholder:var(--color-dark-3);--color-anchor:var(--color-blue-4);--color-default:var(--color-dark-6);--color-default-hover:var(--color-dark-5);--color-default-color:var(--color-white);--color-default-border:var(--color-dark-4);--color-dimmed:var(--color-slate-5);--color-disabled:var(--color-dark-6);--color-disabled-text:var(--color-dark-3);--color-disabled-border:var(--color-gray-6);--color-dark-color:var(--color-dark-4);--color-dark-filled:var(--color-dark-8);--color-dark-filled-hover:var(--color-dark-9);--color-dark-light:rgba(46,46,46,.15);--color-dark-light-hover:rgba(46,46,46,.2);--color-dark-light-color:var(--color-dark-3);--color-dark-outline:var(--color-dark-4);--color-dark-outline-hover:rgba(66,66,66,.05);--color-slate-filled:var(--color-slate-6);--color-slate-filled-hover:var(--color-slate-7);--color-slate-light:alpha(var(--color-slate-3),.15);--color-slate-light-hover:var(--color-slate-2);--color-slate-light-color:var(--color-slate-8);--color-slate-outline:var(--color-slate-5);--color-slate-outline-hover:alpha(var(--color-slate-5),.1);--color-gray-color:var(--color-gray-4);--color-gray-filled:var(--color-gray-8);--color-gray-filled-hover:var(--color-gray-9);--color-gray-light:rgba(134,142,150,.15);--color-gray-light-hover:rgba(134,142,150,.2);--color-gray-light-color:var(--color-gray-3);--color-gray-outline:var(--color-gray-4);--color-gray-outline-hover:rgba(206,212,218,.05);--color-red-color:var(--color-red-4);--color-red-filled:var(--color-red-8);--color-red-filled-hover:var(--color-red-9);--color-red-light:rgba(250,82,82,.15);--color-red-light-hover:rgba(250,82,82,.2);--color-red-light-color:var(--color-red-3);--color-red-outline:var(--color-red-4);--color-red-outline-hover:rgba(255,135,135,.05);--color-pink-color:var(--color-pink-4);--color-pink-filled:var(--color-pink-8);--color-pink-filled-hover:var(--color-pink-9);--color-pink-light:rgba(230,73,128,.15);--color-pink-light-hover:rgba(230,73,128,.2);--color-pink-light-color:var(--color-pink-3);--color-pink-outline:var(--color-pink-4);--color-pink-outline-hover:rgba(247,131,172,.05);--color-grape-color:var(--color-grape-4);--color-grape-filled:var(--color-grape-8);--color-grape-filled-hover:var(--color-grape-9);--color-grape-light:rgba(190,75,219,.15);--color-grape-light-hover:rgba(190,75,219,.2);--color-grape-light-color:var(--color-grape-3);--color-grape-outline:var(--color-grape-4);--color-grape-outline-hover:rgba(218,119,242,.05);--color-violet-color:var(--color-violet-4);--color-violet-filled:var(--color-violet-8);--color-violet-filled-hover:var(--color-violet-9);--color-violet-light:rgba(121,80,242,.15);--color-violet-light-hover:rgba(121,80,242,.2);--color-violet-light-color:var(--color-violet-3);--color-violet-outline:var(--color-violet-4);--color-violet-outline-hover:rgba(151,117,250,.05);--color-indigo-color:var(--color-indigo-4);--color-indigo-filled:var(--color-indigo-8);--color-indigo-filled-hover:var(--color-indigo-9);--color-indigo-light:rgba(76,110,245,.15);--color-indigo-light-hover:rgba(76,110,245,.2);--color-indigo-light-color:var(--color-indigo-3);--color-indigo-outline:var(--color-indigo-4);--color-indigo-outline-hover:rgba(116,143,252,.05);--color-blue-color:var(--color-blue-4);--color-blue-filled:var(--color-blue-8);--color-blue-filled-hover:var(--color-blue-9);--color-blue-light:rgba(34,139,230,.15);--color-blue-light-hover:rgba(34,139,230,.2);--color-blue-light-color:var(--color-blue-3);--color-blue-outline:var(--color-blue-4);--color-blue-outline-hover:rgba(77,171,247,.05);--color-cyan-color:var(--color-cyan-4);--color-cyan-filled:var(--color-cyan-8);--color-cyan-filled-hover:var(--color-cyan-9);--color-cyan-light:rgba(21,170,191,.15);--color-cyan-light-hover:rgba(21,170,191,.2);--color-cyan-light-color:var(--color-cyan-3);--color-cyan-outline:var(--color-cyan-4);--color-cyan-outline-hover:rgba(59,201,219,.05);--color-teal-color:var(--color-teal-4);--color-teal-filled:var(--color-teal-8);--color-teal-filled-hover:var(--color-teal-9);--color-teal-light:rgba(18,184,134,.15);--color-teal-light-hover:rgba(18,184,134,.2);--color-teal-light-color:var(--color-teal-3);--color-teal-outline:var(--color-teal-4);--color-teal-outline-hover:rgba(56,217,169,.05);--color-green-color:var(--color-green-4);--color-green-filled:var(--color-green-8);--color-green-filled-hover:var(--color-green-9);--color-green-light:rgba(64,192,87,.15);--color-green-light-hover:rgba(64,192,87,.2);--color-green-light-color:var(--color-green-3);--color-green-outline:var(--color-green-4);--color-green-outline-hover:rgba(105,219,124,.05);--color-lime-color:var(--color-lime-4);--color-lime-filled:var(--color-lime-8);--color-lime-filled-hover:var(--color-lime-9);--color-lime-light:rgba(130,201,30,.15);--color-lime-light-hover:rgba(130,201,30,.2);--color-lime-light-color:var(--color-lime-3);--color-lime-outline:var(--color-lime-4);--color-lime-outline-hover:rgba(169,227,75,.05);--color-yellow-color:var(--color-yellow-4);--color-yellow-filled:var(--color-yellow-8);--color-yellow-filled-hover:var(--color-yellow-9);--color-yellow-light:rgba(250,176,5,.15);--color-yellow-light-hover:rgba(250,176,5,.2);--color-yellow-light-color:var(--color-yellow-3);--color-yellow-outline:var(--color-yellow-4);--color-yellow-outline-hover:rgba(255,212,59,.05);--color-orange-color:var(--color-orange-4);--color-orange-filled:var(--color-orange-8);--color-orange-filled-hover:var(--color-orange-9);--color-orange-light:rgba(253,126,20,.15);--color-orange-light-hover:rgba(253,126,20,.2);--color-orange-light-color:var(--color-orange-3);--color-orange-outline:var(--color-orange-4);--color-orange-outline-hover:rgba(255,169,77,.05)}}
package/dist/runtime/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export type * from './styling';
1
2
  export type * from './theme';
2
3
  /** Map of component part names to user-provided class names. */
3
4
  export type Classes<Key extends string, Value = string | string[]> = Partial<Record<Key, Value>>;
package/dist/runtime/types/styling.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export type CssVariable = `--${string}`;
2
+ export type TransformVars<V> = {
3
+ [Key in keyof V]: V[Key] extends CssVariable ? Record<V[Key], string | undefined> : never;
4
+ };
package/dist/runtime/types/styling.js ADDED
File without changes
package/dist/runtime/utils/color/parse-theme-color.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { NuanceColorShade, NuanceTheme } from '@nui/types';
1
+ import type { CssVariable, NuanceColorShade, NuanceTheme } from '@nui/types';
2
2
  interface ParseThemeColorResult {
3
3
  /** Color name without its shade suffix. */
4
4
  color: string;
@@ -7,7 +7,7 @@ interface ParseThemeColorResult {
7
7
  /** Parsed shade index, or `undefined` when the color has no shade. */
8
8
  shade: NuanceColorShade | undefined;
9
9
  /** Matching CSS custom property, or `undefined` for non-theme colors. */
10
- variable: `--${string}` | undefined;
10
+ variable: CssVariable | undefined;
11
11
  /** `true` when the color belongs to the Nuance theme palette. */
12
12
  isThemeColor: boolean;
13
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nuance-ui",
3
- "version": "0.2.8",
3
+ "version": "0.2.10",
4
4
  "description": "A modern Vue UI library inspired by the best of the React ecosystem.",
5
5
  "repository": {
6
6
  "type": "git",