@ptlm-azulejo/segmented-control 0.0.1 → 0.1.0-alpha.66
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 +54 -0
- package/dist/index.js +172 -168
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +8 -4
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@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,::backdrop{--tw-border-style:solid;--tw-leading:initial}}}.segmented-control{isolation:isolate;align-items:stretch;gap:calc(var(--spacing,.25rem) * 1);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-primary);background-color:var(--color-background-primary);border-radius:3.40282e38px;grid-template-rows:repeat(1,minmax(0,1fr));display:inline-grid;position:relative;overflow:hidden}.segmented-control--m{height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 2)}.segmented-control--s{height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 1)}.segmented-control--full-width{width:100%}.segmented-control__indicator{z-index:0;background-color:var(--color-blue-grey-600);border-radius:3.40282e38px;grid-row:1;align-self:stretch}.segmented-control__segment{z-index:1;min-width:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 4);border-radius:3.40282e38px;grid-row:1;justify-content:center;align-items:center;display:flex;position:relative}.segmented-control__segment:disabled{cursor:not-allowed;opacity:.5}.segmented-control__segment:not(:disabled):not(.segmented-control__segment--selected):hover{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.segmented-control__segment:not(:disabled):not(.segmented-control__segment--selected):hover{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}.segmented-control__segment:focus-visible{outline:var(--border-m) solid var(--color-text-accent);outline-offset:var(--border-m)}.segmented-control__label{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:1.3;white-space:nowrap;color:var(--color-text-tertiary);line-height:1.3;font-weight:var(--font-weight-regular);position:relative}.segmented-control__label--selected{color:var(--color-text-primary-inverse);font-weight:var(--font-weight-semi-bold)}@media (prefers-reduced-motion:reduce){.segmented-control__indicator{transition:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@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,::backdrop{--tw-border-style:solid;--tw-leading:initial}}}.segmented-control,.segmented-control__segment{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.segmented-control{isolation:isolate;align-items:stretch;gap:calc(var(--spacing,.25rem) * 1);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-primary);background-color:var(--color-background-primary);border-radius:3.40282e38px;grid-template-rows:repeat(1,minmax(0,1fr));display:inline-grid;position:relative;overflow:hidden}.segmented-control--m{height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 2)}.segmented-control--s{height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 1)}.segmented-control--full-width{width:100%}.segmented-control__indicator{z-index:0;background-color:var(--color-blue-grey-600);border-radius:3.40282e38px;grid-row:1;align-self:stretch}.segmented-control__segment{z-index:1;min-width:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 4);border-radius:3.40282e38px;grid-row:1;justify-content:center;align-items:center;display:flex;position:relative}.segmented-control__segment:disabled{cursor:not-allowed;opacity:.5}.segmented-control__segment:not(:disabled):not(.segmented-control__segment--selected):hover{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.segmented-control__segment:not(:disabled):not(.segmented-control__segment--selected):hover{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}.segmented-control__segment:focus-visible{outline:var(--border-m) solid var(--color-text-accent);outline-offset:var(--border-m)}.segmented-control__label{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:1.3;white-space:nowrap;color:var(--color-text-tertiary);line-height:1.3;font-weight:var(--font-weight-regular);position:relative}.segmented-control__label--selected{color:var(--color-text-primary-inverse);font-weight:var(--font-weight-semi-bold)}@media (prefers-reduced-motion:reduce){.segmented-control__indicator{transition:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ptlm-azulejo/segmented-control",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.1.0-alpha.66",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.umd.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -23,18 +23,22 @@
|
|
|
23
23
|
"access": "public",
|
|
24
24
|
"registry": "https://registry.npmjs.org"
|
|
25
25
|
},
|
|
26
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist/*"
|
|
28
|
+
],
|
|
27
29
|
"dependencies": {
|
|
28
30
|
"@vueuse/core": "^13.0.0",
|
|
29
31
|
"motion-v": "^1.0.0"
|
|
30
32
|
},
|
|
31
33
|
"devDependencies": {
|
|
34
|
+
"@ptlm-azulejo/fonts-adeo": "*",
|
|
35
|
+
"@ptlm-azulejo/fonts-leroy-merlin": "*",
|
|
36
|
+
"@ptlm-azulejo/themes": "*",
|
|
32
37
|
"@storybook/addon-essentials": "^7.0.0",
|
|
33
38
|
"@storybook/addon-interactions": "^7.0.0",
|
|
39
|
+
"@storybook/test": "^7.0.0",
|
|
34
40
|
"@storybook/vue3": "^7.0.0",
|
|
35
41
|
"@storybook/vue3-vite": "^7.0.0",
|
|
36
|
-
"@ptlm-azulejo/themes": "*",
|
|
37
|
-
"@storybook/test": "^7.0.0",
|
|
38
42
|
"@tailwindcss/vite": "^4.0.0",
|
|
39
43
|
"storybook": "^7.0.0",
|
|
40
44
|
"tailwindcss": "^4.0.0",
|