@ptlm-azulejo/segmented-control 0.1.3 → 0.1.4-alpha.211
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/CHANGELOG.md +101 -0
- package/dist/index.js +5149 -6508
- package/dist/index.umd.cjs +1 -1
- package/dist/packages/SegmentedControl/src/index.vue.d.ts +7 -62
- package/dist/packages/SegmentedControl/src/index.vue.d.ts.map +1 -1
- package/dist/style.css +3 -1
- package/package.json +5 -9
|
@@ -12,7 +12,7 @@ export interface SegmentedControlUi {
|
|
|
12
12
|
labelSelected?: string;
|
|
13
13
|
indicator?: string;
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
type __VLS_Props = {
|
|
16
16
|
/**
|
|
17
17
|
* Segments to display. Each item needs a unique `value` and visible `label`.
|
|
18
18
|
*/
|
|
@@ -42,72 +42,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
42
42
|
* Accessible name when no visible label is associated with the group.
|
|
43
43
|
*/
|
|
44
44
|
ariaLabel?: string;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
ui: () => {};
|
|
50
|
-
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
51
|
-
"update:modelValue": (value: string) => void;
|
|
52
|
-
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
53
|
-
/**
|
|
54
|
-
* Segments to display. Each item needs a unique `value` and visible `label`.
|
|
55
|
-
*/
|
|
56
|
-
items: SegmentedControlItem[];
|
|
57
|
-
/**
|
|
58
|
-
* Currently selected segment value (`v-model`).
|
|
59
|
-
*/
|
|
60
|
-
modelValue?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Size of the control. `m` is 3rem (`h-12`), `s` is 2rem (`h-8`).
|
|
63
|
-
*/
|
|
64
|
-
size?: SegmentedControlSize;
|
|
65
|
-
/**
|
|
66
|
-
* When true, segments share the available width equally.
|
|
67
|
-
*/
|
|
68
|
-
fullWidth?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Disables the entire control.
|
|
71
|
-
*/
|
|
72
|
-
disabled?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Tailwind class overrides per structural part (`root`, `segment`, `label`, etc.).
|
|
75
|
-
* Merged with `defaultSegmentedControlUi` via `cn()` — conflicting utilities win.
|
|
76
|
-
*/
|
|
77
|
-
ui?: SegmentedControlUi;
|
|
78
|
-
/**
|
|
79
|
-
* Accessible name when no visible label is associated with the group.
|
|
80
|
-
*/
|
|
81
|
-
ariaLabel?: string;
|
|
82
|
-
}>, {
|
|
83
|
-
size: string;
|
|
84
|
-
fullWidth: boolean;
|
|
85
|
-
disabled: boolean;
|
|
86
|
-
ui: () => {};
|
|
87
|
-
}>>> & Readonly<{
|
|
45
|
+
};
|
|
46
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
47
|
+
"update:modelValue": (value: string) => any;
|
|
48
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
88
49
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
89
50
|
}>, {
|
|
90
51
|
size: SegmentedControlSize;
|
|
91
52
|
fullWidth: boolean;
|
|
92
53
|
disabled: boolean;
|
|
93
54
|
ui: SegmentedControlUi;
|
|
94
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
|
55
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
56
|
+
declare const _default: typeof __VLS_export;
|
|
95
57
|
export default _default;
|
|
96
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
97
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
98
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
99
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
100
|
-
} : {
|
|
101
|
-
type: import('vue').PropType<T[K]>;
|
|
102
|
-
required: true;
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
type __VLS_WithDefaults<P, D> = {
|
|
106
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
107
|
-
default: D[K];
|
|
108
|
-
}> : P[K];
|
|
109
|
-
};
|
|
110
|
-
type __VLS_Prettify<T> = {
|
|
111
|
-
[K in keyof T]: T[K];
|
|
112
|
-
} & {};
|
|
113
58
|
//# sourceMappingURL=index.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"AA0RA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmCD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAA;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,kBAAkB,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AA0PJ,QAAA,MAAM,YAAY;;;;;UA5QP,oBAAoB;eAIf,OAAO;cAIR,OAAO;QAKb,kBAAkB;6EAmQzB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}::-ms-backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid}}}.visible{visibility:visible}.relative{position:relative}.isolate{isolation:isolate}.z-0{z-index:0}.z-\[1\]{z-index:1}.row-start-1{grid-row-start:1}.flex{display:flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.w-full{width:100%}.min-w-0{min-width:0}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:var(--spacing,.25rem)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-edge{border-color:var(--color-border-primary)}.bg-\[color\:var\(--color-blue-grey-600\)\]{background-color:var(--color-blue-grey-600)}.bg-red-500{background-color:var(--color-red-500,#fb2c36)}@supports (color:lab(0% 0 0)){.bg-red-500{background-color:var(--color-red-500,lab(55.4814% 75.0732 48.8528))}}.bg-surface{background-color:var(--color-background-primary)}.p-1{padding:var(--spacing,.25rem)}.p-2{padding:calc(var(--spacing,.25rem) * 2)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.font-sans{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.text-sm{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.font-normal{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.tracking-widest{--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em)}.whitespace-nowrap{white-space:nowrap}.text-\[color\:var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)), 0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-aria-\[checked\=true\]\:font-semibold:is(:where(.group)[aria-checked=true] *){--tw-font-weight:var(--font-weight-semi-bold);font-weight:var(--font-weight-semi-bold)}.group-aria-\[checked\=true\]\:text-\[color\:var\(--color-text-primary-inverse\)\]:is(:where(.group)[aria-checked=true] *){color:var(--color-text-primary-inverse)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--border-m\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--border-m)}.focus-visible\:outline-offset-\[length\:var\(--border-m\)\]:focus-visible{outline-offset:var(--border-m)}.focus-visible\:outline-\[color\:var\(--color-text-accent\)\]:focus-visible{outline-color:var(--color-text-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.hover\:aria-\[checked\=false\]\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover[aria-checked=false]:not(:disabled){background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:aria-\[checked\=false\]\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover[aria-checked=false]:not(:disabled){background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}}@media (prefers-reduced-motion:reduce){.motion-reduce\:\!transition-none{transition-property:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
3
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ptlm-azulejo/segmented-control",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4-alpha.211",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.umd.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -34,14 +34,10 @@
|
|
|
34
34
|
"@ptlm-azulejo/fonts-adeo": "*",
|
|
35
35
|
"@ptlm-azulejo/fonts-leroy-merlin": "*",
|
|
36
36
|
"@ptlm-azulejo/themes": "*",
|
|
37
|
-
"@storybook/
|
|
38
|
-
"@
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"@storybook/vue3-vite": "^7.0.0",
|
|
42
|
-
"@tailwindcss/vite": "^4.0.0",
|
|
43
|
-
"storybook": "^7.0.0",
|
|
44
|
-
"tailwindcss": "^4.0.0",
|
|
37
|
+
"@storybook/vue3-vite": "^10.5.8",
|
|
38
|
+
"@tailwindcss/vite": "^4.3.3",
|
|
39
|
+
"storybook": "^10.5.8",
|
|
40
|
+
"tailwindcss": "^4.3.3",
|
|
45
41
|
"vue": "^3.3.4"
|
|
46
42
|
},
|
|
47
43
|
"peerDependencies": {
|