@techsio/ui-kit 0.10.1 → 0.12.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/dist/atoms/{figma/badge.figma.js → badge.figma.js} +1 -1
- package/dist/atoms/{figma/button.figma.js → button.figma.js} +1 -1
- package/dist/atoms/{figma/checkbox.figma.js → checkbox.figma.js} +1 -1
- package/dist/atoms/{figma/icon.figma.js → icon.figma.js} +1 -1
- package/dist/atoms/{figma/image.figma.js → image.figma.js} +1 -1
- package/dist/atoms/{figma/input.figma.js → input.figma.js} +1 -1
- package/dist/atoms/{figma/label.figma.js → label.figma.js} +1 -1
- package/dist/atoms/{figma/link-button.figma.js → link-button.figma.js} +1 -1
- package/dist/atoms/{figma/link.figma.js → link.figma.js} +1 -1
- package/dist/atoms/{figma/numeric-input.figma.js → numeric-input.figma.js} +1 -1
- package/dist/atoms/{figma/rating.figma.js → rating.figma.js} +1 -1
- package/dist/atoms/{figma/skeleton.figma.js → skeleton.figma.js} +1 -1
- package/dist/atoms/{figma/status-text.figma.js → status-text.figma.js} +1 -1
- package/dist/atoms/{figma/textarea.figma.js → textarea.figma.js} +1 -1
- package/dist/atoms/{figma/tooltip.figma.js → tooltip.figma.js} +2 -2
- package/dist/molecules/{figma/accordion.figma.js → accordion.figma.js} +1 -1
- package/dist/molecules/accordion.js +2 -2
- package/dist/molecules/{figma/breadcrumb.figma.js → breadcrumb.figma.js} +1 -1
- package/dist/molecules/breadcrumb.js +13 -13
- package/dist/molecules/{figma/carousel.figma.js → carousel.figma.js} +1 -1
- package/dist/molecules/carousel.js +5 -5
- package/dist/molecules/color-select.js +5 -5
- package/dist/molecules/{figma/combobox.figma.js → combobox.figma.js} +5 -5
- package/dist/molecules/combobox.js +24 -19
- package/dist/molecules/{figma/dialog.figma.js → dialog.figma.js} +2 -2
- package/dist/molecules/dialog.js +10 -10
- package/dist/molecules/{figma/form-checkbox.figma.js → form-checkbox.figma.js} +1 -1
- package/dist/molecules/{figma/form-input.figma.js → form-input.figma.js} +4 -4
- package/dist/molecules/{figma/form-numeric-input.figma.js → form-numeric-input.figma.js} +5 -5
- package/dist/molecules/{figma/form-textarea.figma.js → form-textarea.figma.js} +4 -4
- package/dist/molecules/{figma/menu.figma.js → menu.figma.js} +1 -1
- package/dist/molecules/menu.js +6 -6
- package/dist/molecules/{figma/pagination.figma.js → pagination.figma.js} +1 -1
- package/dist/molecules/pagination.js +11 -11
- package/dist/molecules/phone-input.figma.js +62 -0
- package/dist/molecules/phone-input.js +4 -4
- package/dist/molecules/{figma/popover.figma.js → popover.figma.js} +1 -1
- package/dist/molecules/popover.js +2 -2
- package/dist/molecules/{figma/product-card.figma.js → product-card.figma.js} +1 -1
- package/dist/molecules/product-card.js +5 -5
- package/dist/molecules/{figma/radio-card.figma.js → radio-card.figma.js} +1 -1
- package/dist/molecules/radio-card.js +22 -22
- package/dist/molecules/{figma/radio-group.figma.js → radio-group.figma.js} +1 -1
- package/dist/molecules/radio-group.js +25 -25
- package/dist/molecules/{figma/search-form.figma.js → search-form.figma.js} +1 -1
- package/dist/molecules/{figma/select.figma.js → select.figma.js} +4 -4
- package/dist/molecules/select.js +9 -9
- package/dist/molecules/{figma/slider.figma.js → slider.figma.js} +7 -7
- package/dist/molecules/slider.js +2 -2
- package/dist/molecules/{figma/steps.figma.js → steps.figma.js} +1 -1
- package/dist/molecules/steps.js +6 -6
- package/dist/molecules/{figma/switch.figma.js → switch.figma.js} +1 -1
- package/dist/molecules/switch.js +3 -3
- package/dist/molecules/{figma/tabs.figma.js → tabs.figma.js} +1 -1
- package/dist/molecules/tabs.js +8 -8
- package/dist/molecules/{figma/toast.figma.js → toast.figma.js} +1 -1
- package/dist/molecules/toast.js +3 -3
- package/dist/molecules/{figma/tree-view.figma.js → tree-view.figma.js} +3 -3
- package/dist/molecules/tree-view.js +34 -34
- package/dist/organisms/footer.figma.js +51 -0
- package/dist/organisms/footer.js +11 -11
- package/dist/organisms/gallery.figma.js +34 -0
- package/dist/organisms/header.figma.js +58 -0
- package/dist/organisms/table.figma.js +87 -0
- package/dist/organisms/table.js +6 -6
- package/dist/src/atoms/badge.figma.d.ts.map +1 -0
- package/dist/src/atoms/button.figma.d.ts.map +1 -0
- package/dist/src/atoms/checkbox.figma.d.ts.map +1 -0
- package/dist/src/atoms/icon.figma.d.ts.map +1 -0
- package/dist/src/atoms/image.figma.d.ts.map +1 -0
- package/dist/src/atoms/input.figma.d.ts.map +1 -0
- package/dist/src/atoms/label.figma.d.ts.map +1 -0
- package/dist/src/atoms/link-button.figma.d.ts.map +1 -0
- package/dist/src/atoms/link.figma.d.ts.map +1 -0
- package/dist/src/atoms/numeric-input.figma.d.ts.map +1 -0
- package/dist/src/atoms/rating.figma.d.ts.map +1 -0
- package/dist/src/atoms/skeleton.figma.d.ts.map +1 -0
- package/dist/src/atoms/status-text.figma.d.ts.map +1 -0
- package/dist/src/atoms/textarea.figma.d.ts.map +1 -0
- package/dist/src/atoms/tooltip.figma.d.ts.map +1 -0
- package/dist/src/molecules/accordion.figma.d.ts.map +1 -0
- package/dist/src/molecules/breadcrumb.figma.d.ts.map +1 -0
- package/dist/src/molecules/carousel.figma.d.ts.map +1 -0
- package/dist/src/molecules/combobox.d.ts +3 -0
- package/dist/src/molecules/combobox.d.ts.map +1 -1
- package/dist/src/molecules/combobox.figma.d.ts.map +1 -0
- package/dist/src/molecules/dialog.figma.d.ts.map +1 -0
- package/dist/src/molecules/form-checkbox.figma.d.ts.map +1 -0
- package/dist/src/molecules/form-input.figma.d.ts.map +1 -0
- package/dist/src/molecules/form-numeric-input.figma.d.ts.map +1 -0
- package/dist/src/molecules/form-textarea.figma.d.ts.map +1 -0
- package/dist/src/molecules/menu.figma.d.ts.map +1 -0
- package/dist/src/molecules/pagination.figma.d.ts.map +1 -0
- package/dist/src/molecules/phone-input.figma.d.ts +2 -0
- package/dist/src/molecules/phone-input.figma.d.ts.map +1 -0
- package/dist/src/molecules/popover.figma.d.ts.map +1 -0
- package/dist/src/molecules/product-card.figma.d.ts.map +1 -0
- package/dist/src/molecules/radio-card.figma.d.ts.map +1 -0
- package/dist/src/molecules/radio-group.figma.d.ts.map +1 -0
- package/dist/src/molecules/search-form.figma.d.ts.map +1 -0
- package/dist/src/molecules/select.figma.d.ts.map +1 -0
- package/dist/src/molecules/slider.figma.d.ts.map +1 -0
- package/dist/src/molecules/steps.figma.d.ts.map +1 -0
- package/dist/src/molecules/switch.figma.d.ts.map +1 -0
- package/dist/src/molecules/tabs.figma.d.ts.map +1 -0
- package/dist/src/molecules/toast.figma.d.ts.map +1 -0
- package/dist/src/molecules/tree-view.figma.d.ts.map +1 -0
- package/dist/src/organisms/footer.d.ts.map +1 -1
- package/dist/src/organisms/footer.figma.d.ts +2 -0
- package/dist/src/organisms/footer.figma.d.ts.map +1 -0
- package/dist/src/organisms/gallery.figma.d.ts +2 -0
- package/dist/src/organisms/gallery.figma.d.ts.map +1 -0
- package/dist/src/organisms/header.figma.d.ts +2 -0
- package/dist/src/organisms/header.figma.d.ts.map +1 -0
- package/dist/src/organisms/table.figma.d.ts +2 -0
- package/dist/src/organisms/table.figma.d.ts.map +1 -0
- package/package.json +22 -22
- package/src/tokens/components/molecules/_accordion.css +14 -67
- package/src/tokens/components/molecules/_breadcrumb.css +4 -58
- package/src/tokens/components/molecules/_carousel.css +17 -58
- package/src/tokens/components/molecules/_color-select.css +16 -32
- package/src/tokens/components/molecules/_combobox.css +13 -95
- package/src/tokens/components/molecules/_dialog.css +11 -62
- package/src/tokens/components/molecules/_menu.css +10 -32
- package/src/tokens/components/molecules/_pagination.css +13 -46
- package/src/tokens/components/molecules/_phone-input.css +11 -49
- package/src/tokens/components/molecules/_popover.css +12 -38
- package/src/tokens/components/molecules/_product-card.css +19 -56
- package/src/tokens/components/molecules/_radio-card.css +4 -193
- package/src/tokens/components/molecules/_radio-group.css +7 -143
- package/src/tokens/components/molecules/_search-form.css +4 -14
- package/src/tokens/components/molecules/_select.css +15 -88
- package/src/tokens/components/molecules/_slider.css +14 -69
- package/src/tokens/components/molecules/_steps.css +13 -123
- package/src/tokens/components/molecules/_switch.css +7 -52
- package/src/tokens/components/molecules/_tabs.css +14 -66
- package/src/tokens/components/molecules/_toast.css +7 -54
- package/src/tokens/components/molecules/_tree-view.css +9 -55
- package/src/tokens/components/organisms/_footer.css +8 -82
- package/src/tokens/components/organisms/_gallery.css +11 -33
- package/src/tokens/components/organisms/_header.css +11 -80
- package/src/tokens/components/organisms/_table.css +15 -61
- package/src/tokens/figma/dark/variables.css +521 -314
- package/src/tokens/figma/light/variables.css +520 -313
- package/src/tokens/figma/variables.css +520 -313
- package/dist/src/atoms/figma/badge.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/button.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/checkbox.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/icon.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/image.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/input.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/label.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/link-button.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/link.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/numeric-input.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/rating.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/skeleton.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/status-text.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/textarea.figma.d.ts.map +0 -1
- package/dist/src/atoms/figma/tooltip.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/accordion.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/breadcrumb.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/carousel.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/combobox.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/dialog.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/form-checkbox.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/form-input.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/form-numeric-input.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/form-textarea.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/menu.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/pagination.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/popover.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/product-card.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/radio-card.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/radio-group.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/search-form.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/select.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/slider.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/steps.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/switch.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/tabs.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/toast.figma.d.ts.map +0 -1
- package/dist/src/molecules/figma/tree-view.figma.d.ts.map +0 -1
- /package/dist/src/atoms/{figma/badge.figma.d.ts → badge.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/button.figma.d.ts → button.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/checkbox.figma.d.ts → checkbox.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/icon.figma.d.ts → icon.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/image.figma.d.ts → image.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/input.figma.d.ts → input.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/label.figma.d.ts → label.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/link-button.figma.d.ts → link-button.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/link.figma.d.ts → link.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/numeric-input.figma.d.ts → numeric-input.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/rating.figma.d.ts → rating.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/skeleton.figma.d.ts → skeleton.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/status-text.figma.d.ts → status-text.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/textarea.figma.d.ts → textarea.figma.d.ts} +0 -0
- /package/dist/src/atoms/{figma/tooltip.figma.d.ts → tooltip.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/accordion.figma.d.ts → accordion.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/breadcrumb.figma.d.ts → breadcrumb.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/carousel.figma.d.ts → carousel.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/combobox.figma.d.ts → combobox.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/dialog.figma.d.ts → dialog.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/form-checkbox.figma.d.ts → form-checkbox.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/form-input.figma.d.ts → form-input.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/form-numeric-input.figma.d.ts → form-numeric-input.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/form-textarea.figma.d.ts → form-textarea.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/menu.figma.d.ts → menu.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/pagination.figma.d.ts → pagination.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/popover.figma.d.ts → popover.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/product-card.figma.d.ts → product-card.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/radio-card.figma.d.ts → radio-card.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/radio-group.figma.d.ts → radio-group.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/search-form.figma.d.ts → search-form.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/select.figma.d.ts → select.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/slider.figma.d.ts → slider.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/steps.figma.d.ts → steps.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/switch.figma.d.ts → switch.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/tabs.figma.d.ts → tabs.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/toast.figma.d.ts → toast.figma.d.ts} +0 -0
- /package/dist/src/molecules/{figma/tree-view.figma.d.ts → tree-view.figma.d.ts} +0 -0
package/dist/organisms/table.js
CHANGED
|
@@ -21,7 +21,7 @@ const tableVariants = tv({
|
|
|
21
21
|
"font-table-footer text-table-footer-fg"
|
|
22
22
|
],
|
|
23
23
|
row: [
|
|
24
|
-
"border-b-(length:--border-width
|
|
24
|
+
"border-b-(length:--border-table-width) border-table-border",
|
|
25
25
|
"data-[selected=true]:bg-table-row-bg-selected",
|
|
26
26
|
"transition-colors duration-200 motion-reduce:transition-none"
|
|
27
27
|
],
|
|
@@ -37,13 +37,13 @@ const tableVariants = tv({
|
|
|
37
37
|
variant: {
|
|
38
38
|
line: {
|
|
39
39
|
root: "",
|
|
40
|
-
row: "border-b-(length:--border-width
|
|
40
|
+
row: "border-b-(length:--border-table-width) border-table-border"
|
|
41
41
|
},
|
|
42
42
|
outline: {
|
|
43
|
-
root: "border-(length:--border-width
|
|
43
|
+
root: "border-(length:--border-table-width) rounded-table border-table-border shadow-table-outline"
|
|
44
44
|
},
|
|
45
45
|
striped: {
|
|
46
|
-
row: "odd:bg-table-row-striped-
|
|
46
|
+
row: "odd:bg-table-row-striped-primary even:bg-table-row-striped-secondary"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
interactive: {
|
|
@@ -87,8 +87,8 @@ const tableVariants = tv({
|
|
|
87
87
|
},
|
|
88
88
|
showColumnBorder: {
|
|
89
89
|
true: {
|
|
90
|
-
columnHeader: "border-r-(length:--border-width
|
|
91
|
-
cell: "border-r-(length:--border-width
|
|
90
|
+
columnHeader: "border-r-(length:--border-table-width) border-table-border",
|
|
91
|
+
cell: "border-r-(length:--border-table-width) border-table-border"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
captionPlacement: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/checkbox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/label.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link-button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/rating.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-text.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/status-text.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/textarea.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/accordion.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -39,6 +39,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
39
39
|
list: string[];
|
|
40
40
|
item: string[];
|
|
41
41
|
emptyState: string[];
|
|
42
|
+
triggerIndicator: string[];
|
|
42
43
|
helper: string[];
|
|
43
44
|
multiple: never[];
|
|
44
45
|
}, undefined, {
|
|
@@ -80,6 +81,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
80
81
|
list: string[];
|
|
81
82
|
item: string[];
|
|
82
83
|
emptyState: string[];
|
|
84
|
+
triggerIndicator: string[];
|
|
83
85
|
helper: string[];
|
|
84
86
|
multiple: never[];
|
|
85
87
|
}, import("tailwind-variants").TVReturnType<{
|
|
@@ -121,6 +123,7 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
121
123
|
list: string[];
|
|
122
124
|
item: string[];
|
|
123
125
|
emptyState: string[];
|
|
126
|
+
triggerIndicator: string[];
|
|
124
127
|
helper: string[];
|
|
125
128
|
multiple: never[];
|
|
126
129
|
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAMnE,QAAA,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-checkbox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-input.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-numeric-input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-textarea.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-textarea.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/pagination.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/phone-input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"product-card.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-card.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/radio-card.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/radio-group.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-form.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/slider.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"steps.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/steps.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/switch.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree-view.figma.d.ts","sourceRoot":"","sources":["../../../src/molecules/tree-view.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiFlB,CAAA;AAUF,UAAU,WACR,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAC9C,IAAI,CACF,wBAAwB,CAAC,GAAG,CAAC,EAC7B,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,CAC1C,GAAG;IACF,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,WAAW,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;CACzD,CAAA;AAEH,KAAK,qBAAqB,CAAC,CAAC,SAAS,WAAW,IAAI,mBAAmB,GACrE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG;IACpE,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;CACpB,CAAA;AAMH,UAAU,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAErE,UAAU,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,WAAW,2CAQb;yBAfe,MAAM;8CAoBnB,oBAAoB;4CASpB,kBAAkB;yCASwC,gBAAgB;;wCA2BlB,eAAe;kDAUvE,eAAe;2CAaf,kBAAkB;oDAUlB,iBAAiB;;AAtDpB,iBAAS,UAAU,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAA;AAC5D,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EACvC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC9B,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footer.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gallery.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/gallery.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/header.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/table.figma.tsx"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techsio/ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -78,27 +78,27 @@
|
|
|
78
78
|
"@iconify-json/mdi-light": "^1.2.2",
|
|
79
79
|
"@iconify-json/svg-spinners": "^1.2.4",
|
|
80
80
|
"@iconify/tailwind4": "^1.1.0",
|
|
81
|
-
"@zag-js/accordion": "^1.
|
|
82
|
-
"@zag-js/carousel": "^1.
|
|
83
|
-
"@zag-js/checkbox": "^1.
|
|
84
|
-
"@zag-js/combobox": "^1.
|
|
85
|
-
"@zag-js/dialog": "^1.
|
|
86
|
-
"@zag-js/i18n-utils": "^1.
|
|
87
|
-
"@zag-js/menu": "^1.
|
|
88
|
-
"@zag-js/number-input": "^1.
|
|
89
|
-
"@zag-js/pagination": "^1.
|
|
90
|
-
"@zag-js/popover": "^1.
|
|
91
|
-
"@zag-js/radio-group": "^1.
|
|
92
|
-
"@zag-js/rating-group": "^1.
|
|
93
|
-
"@zag-js/react": "^1.
|
|
94
|
-
"@zag-js/select": "^1.
|
|
95
|
-
"@zag-js/slider": "^1.
|
|
96
|
-
"@zag-js/steps": "^1.
|
|
97
|
-
"@zag-js/switch": "^1.
|
|
98
|
-
"@zag-js/tabs": "^1.
|
|
99
|
-
"@zag-js/toast": "^1.
|
|
100
|
-
"@zag-js/tooltip": "^1.
|
|
101
|
-
"@zag-js/tree-view": "^1.
|
|
81
|
+
"@zag-js/accordion": "^1.41.2",
|
|
82
|
+
"@zag-js/carousel": "^1.41.2",
|
|
83
|
+
"@zag-js/checkbox": "^1.41.2",
|
|
84
|
+
"@zag-js/combobox": "^1.41.2",
|
|
85
|
+
"@zag-js/dialog": "^1.41.2",
|
|
86
|
+
"@zag-js/i18n-utils": "^1.41.2",
|
|
87
|
+
"@zag-js/menu": "^1.41.2",
|
|
88
|
+
"@zag-js/number-input": "^1.41.2",
|
|
89
|
+
"@zag-js/pagination": "^1.41.2",
|
|
90
|
+
"@zag-js/popover": "^1.41.2",
|
|
91
|
+
"@zag-js/radio-group": "^1.41.2",
|
|
92
|
+
"@zag-js/rating-group": "^1.41.2",
|
|
93
|
+
"@zag-js/react": "^1.41.2",
|
|
94
|
+
"@zag-js/select": "^1.41.2",
|
|
95
|
+
"@zag-js/slider": "^1.41.2",
|
|
96
|
+
"@zag-js/steps": "^1.41.2",
|
|
97
|
+
"@zag-js/switch": "^1.41.2",
|
|
98
|
+
"@zag-js/tabs": "^1.41.2",
|
|
99
|
+
"@zag-js/toast": "^1.41.2",
|
|
100
|
+
"@zag-js/tooltip": "^1.41.2",
|
|
101
|
+
"@zag-js/tree-view": "^1.41.2",
|
|
102
102
|
"libphonenumber-js": "^1.13.2",
|
|
103
103
|
"tailwind-merge": "^3.4.0",
|
|
104
104
|
"tailwind-variants": "^3.1.1",
|
|
@@ -1,72 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
--color-accordion-title-bg: var(--color-accordion-bg);
|
|
10
|
-
--color-accordion-content-bg: var(--color-accordion-bg);
|
|
11
|
-
|
|
12
|
-
/* Foreground colors */
|
|
13
|
-
--color-accordion-fg: var(--color-fg-primary);
|
|
14
|
-
--color-accordion-title-fg: var(--color-accordion-fg);
|
|
15
|
-
--color-accordion-subtitle-fg: --alpha(
|
|
16
|
-
var(--color-accordion-fg) /
|
|
17
|
-
var(--opacity-text-secondary)
|
|
18
|
-
);
|
|
19
|
-
--color-accordion-content-fg: var(--color-accordion-fg);
|
|
20
|
-
|
|
21
|
-
/* === STATE VARIATIONS === */
|
|
22
|
-
--color-accordion-bg-hover: oklch(
|
|
23
|
-
from var(--color-accordion-bg) calc(l + var(--state-hover)) c h
|
|
24
|
-
);
|
|
25
|
-
--color-accordion-title-bg-hover: var(--color-accordion-bg-hover);
|
|
26
|
-
|
|
27
|
-
/* === COMPONENT VARIANTS === */
|
|
28
|
-
/* Component variants will be added here when needed */
|
|
29
|
-
|
|
30
|
-
/* === VALIDATION STATES === */
|
|
31
|
-
/* Validation states will be added here when needed */
|
|
32
|
-
|
|
33
|
-
/* === SPACING === */
|
|
34
|
-
--padding-accordion-title-sm: var(--spacing-100) var(--spacing-150);
|
|
35
|
-
--padding-accordion-title-md: var(--spacing-150) var(--spacing-200);
|
|
36
|
-
--padding-accordion-title-lg: var(--spacing-200) var(--spacing-250);
|
|
1
|
+
/*
|
|
2
|
+
* Accordion — runtime tokens come from libs/ui/src/tokens/figma/variables.css.
|
|
3
|
+
*
|
|
4
|
+
* Kept here:
|
|
5
|
+
* - `--padding-accordion-{title,content}-{size}` combined shorthands
|
|
6
|
+
* for the `p-accordion-*` utilities (Figma has split x/y axes).
|
|
7
|
+
* - glyph @utility alias.
|
|
8
|
+
*/
|
|
37
9
|
|
|
38
|
-
|
|
39
|
-
--padding-accordion-
|
|
40
|
-
--padding-accordion-
|
|
41
|
-
|
|
42
|
-
--padding-accordion-icon: var(--spacing-200);
|
|
43
|
-
|
|
44
|
-
/* === TYPOGRAPHY === */
|
|
45
|
-
/* Font weights */
|
|
46
|
-
--font-weight-accordion-title: var(--font-weight-medium);
|
|
47
|
-
|
|
48
|
-
/* Default sizes */
|
|
49
|
-
--text-accordion-title-md: var(--text-md);
|
|
50
|
-
--text-accordion-content-md: var(--text-md);
|
|
51
|
-
--text-accordion-subtitle-md: var(--text-sm);
|
|
52
|
-
|
|
53
|
-
/* Size variants */
|
|
54
|
-
--text-accordion-title-lg: var(--text-lg);
|
|
55
|
-
--text-accordion-content-lg: var(--text-lg);
|
|
56
|
-
--text-accordion-subtitle-lg: var(--text-md);
|
|
57
|
-
--text-accordion-title-sm: var(--text-sm);
|
|
58
|
-
--text-accordion-content-sm: var(--text-sm);
|
|
59
|
-
--text-accordion-subtitle-sm: var(--text-xs);
|
|
60
|
-
|
|
61
|
-
/* === BORDERS & RADIUS === */
|
|
62
|
-
--border-width-accordion: var(--border-width-sm);
|
|
63
|
-
--radius-accordion: var(--radius-sm);
|
|
10
|
+
@theme static {
|
|
11
|
+
--padding-accordion-title-sm: var(--padding-accordion-title-y-sm) var(--padding-accordion-title-x-sm);
|
|
12
|
+
--padding-accordion-title-md: var(--padding-accordion-title-y-md) var(--padding-accordion-title-x-md);
|
|
13
|
+
--padding-accordion-title-lg: var(--padding-accordion-title-y-lg) var(--padding-accordion-title-x-lg);
|
|
64
14
|
|
|
65
|
-
|
|
66
|
-
--
|
|
67
|
-
--shadow-accordion-root-md: var(--shadow-xl);
|
|
68
|
-
--shadow-accordion-content-sm: var(--shadow-sm);
|
|
69
|
-
--shadow-accordion-content-md: var(--shadow-primary);
|
|
15
|
+
--padding-accordion-content-md: var(--padding-accordion-content-y-md) var(--padding-accordion-content-x-md);
|
|
16
|
+
--padding-accordion-content-lg: var(--padding-accordion-content-y-lg) var(--padding-accordion-content-x-lg);
|
|
70
17
|
}
|
|
71
18
|
|
|
72
19
|
/* Semantic tokens for accordion icons */
|
|
@@ -1,61 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
--color-breadcrumb-muted: var(--color-fg-secondary);
|
|
6
|
-
|
|
7
|
-
/* === DERIVED COLORS === */
|
|
8
|
-
--color-breadcrumb-bg: var(--color-breadcrumb-base);
|
|
9
|
-
--color-breadcrumb-list-fg: var(--color-fg-primary);
|
|
10
|
-
--color-breadcrumb-item-fg: var(--color-fg-primary);
|
|
11
|
-
--color-breadcrumb-link-fg: var(--color-fg-primary);
|
|
12
|
-
--color-breadcrumb-current-link-fg: var(--color-breadcrumb-accent);
|
|
13
|
-
--color-breadcrumb-separator-fg: var(--color-breadcrumb-muted);
|
|
14
|
-
--color-breadcrumb-ellipsis-fg: var(--color-breadcrumb-muted);
|
|
15
|
-
|
|
16
|
-
/* === STATE VARIATIONS === */
|
|
17
|
-
--color-breadcrumb-link-fg-hover: var(--color-breadcrumb-accent);
|
|
18
|
-
|
|
19
|
-
/* === SPACING === */
|
|
20
|
-
--padding-breadcrumb-root-sm: var(--spacing-100);
|
|
21
|
-
--padding-breadcrumb-root-md: var(--spacing-150);
|
|
22
|
-
--padding-breadcrumb-root-lg: var(--spacing-200);
|
|
23
|
-
|
|
24
|
-
--gap-breadcrumb-list-sm: var(--spacing-100);
|
|
25
|
-
--gap-breadcrumb-list-md: var(--spacing-150);
|
|
26
|
-
--gap-breadcrumb-list-lg: var(--spacing-200);
|
|
27
|
-
|
|
28
|
-
--gap-breadcrumb-link-sm: var(--spacing-100);
|
|
29
|
-
--gap-breadcrumb-link-md: var(--spacing-150);
|
|
30
|
-
--gap-breadcrumb-link-lg: var(--spacing-200);
|
|
31
|
-
|
|
32
|
-
--gap-breadcrumb-separator-sm: var(--spacing-100);
|
|
33
|
-
--gap-breadcrumb-separator-md: var(--spacing-150);
|
|
34
|
-
--gap-breadcrumb-separator-lg: var(--spacing-200);
|
|
35
|
-
|
|
36
|
-
/* === TYPOGRAPHY === */
|
|
37
|
-
--text-breadcrumb-sm: var(--text-xs);
|
|
38
|
-
--text-breadcrumb-md: var(--text-sm);
|
|
39
|
-
--text-breadcrumb-lg: var(--text-md);
|
|
40
|
-
|
|
41
|
-
--text-breadcrumb-icon-sm: var(--text-breadcrumb-sm);
|
|
42
|
-
--text-breadcrumb-icon-md: var(--text-breadcrumb-md);
|
|
43
|
-
--text-breadcrumb-icon-lg: var(--text-breadcrumb-lg);
|
|
44
|
-
|
|
45
|
-
--text-breadcrumb-separator-icon-sm: var(--text-breadcrumb-sm);
|
|
46
|
-
--text-breadcrumb-separator-icon-md: var(--text-breadcrumb-md);
|
|
47
|
-
--text-breadcrumb-separator-icon-lg: var(--text-breadcrumb-lg);
|
|
48
|
-
|
|
49
|
-
--text-breadcrumb-ellipsis-icon-sm: var(--text-breadcrumb-sm);
|
|
50
|
-
--text-breadcrumb-ellipsis-icon-md: var(--text-breadcrumb-md);
|
|
51
|
-
--text-breadcrumb-ellipsis-icon-lg: var(--text-breadcrumb-lg);
|
|
52
|
-
|
|
53
|
-
/* === BORDERS & RADIUS === */
|
|
54
|
-
--radius-breadcrumb-link: var(--radius-sm);
|
|
55
|
-
|
|
56
|
-
/* === FOCUS RINGS === */
|
|
57
|
-
--color-breadcrumb-ring: var(--color-ring);
|
|
58
|
-
}
|
|
1
|
+
/*
|
|
2
|
+
* Breadcrumb — runtime tokens come entirely from
|
|
3
|
+
* libs/ui/src/tokens/figma/variables.css. Only glyph aliases live here.
|
|
4
|
+
*/
|
|
59
5
|
|
|
60
6
|
@utility token-icon-breadcrumb-separator {
|
|
61
7
|
@apply token-icon-chevron-right;
|
|
@@ -1,65 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
--color-carousel-trigger-bg-hover: oklch(
|
|
13
|
-
from var(--color-carousel) calc(l - var(--surface-increment) * 8) c h
|
|
14
|
-
);
|
|
15
|
-
--color-carousel-control-bg: oklch(
|
|
16
|
-
from var(--color-carousel) calc(l - var(--surface-increment) * 2) c h
|
|
17
|
-
);
|
|
18
|
-
|
|
19
|
-
/* Foreground colors */
|
|
20
|
-
--color-carousel-trigger-fg: var(--color-fg-dark);
|
|
21
|
-
--color-carousel-trigger-fg-hover: var(--color-fg-dark);
|
|
1
|
+
/*
|
|
2
|
+
* Carousel — runtime tokens come from libs/ui/src/tokens/figma/variables.css.
|
|
3
|
+
*
|
|
4
|
+
* Kept here:
|
|
5
|
+
* - `--spacing-carousel-root-{sm,md,lg}` aliases — Figma renamed the
|
|
6
|
+
* root size axis to --size-carousel-*, but max-w-/max-h- utilities
|
|
7
|
+
* don't read the --size-* namespace.
|
|
8
|
+
* - `--width-carousel-indicator` alias — same namespace limitation.
|
|
9
|
+
* - `--padding-carousel-trigger` composite "0 0".
|
|
10
|
+
* - `--aspect-carousel-indicator` (aspect-ratio namespace, code-side).
|
|
11
|
+
*/
|
|
22
12
|
|
|
23
|
-
|
|
24
|
-
--
|
|
25
|
-
|
|
26
|
-
);
|
|
27
|
-
--color-carousel-indicator-bg-active: var(--color-carousel-accent);
|
|
28
|
-
--color-carousel-indicator-border: transparent;
|
|
29
|
-
--color-carousel-indicator-border-active: transparent;
|
|
30
|
-
|
|
31
|
-
/* === SPACING === */
|
|
32
|
-
/* Root spacing */
|
|
33
|
-
--spacing-carousel-root-sm: var(--container-3xs);
|
|
34
|
-
--spacing-carousel-root-md: var(--container-sm);
|
|
35
|
-
--spacing-carousel-root-lg: var(--container-lg);
|
|
36
|
-
|
|
37
|
-
--spacing-carousel-trigger-top: var(--spacing-100);
|
|
38
|
-
--spacing-carousel-trigger-right: var(--spacing-100);
|
|
13
|
+
@theme static {
|
|
14
|
+
--spacing-carousel-root-sm: var(--size-carousel-sm);
|
|
15
|
+
--spacing-carousel-root-md: var(--size-carousel-md);
|
|
16
|
+
--spacing-carousel-root-lg: var(--size-carousel-lg);
|
|
39
17
|
|
|
40
|
-
|
|
41
|
-
--padding-carousel-control: var(--spacing-100);
|
|
42
|
-
--gap-carousel-control: var(--spacing-200);
|
|
18
|
+
--width-carousel-indicator: var(--size-carousel-indicator);
|
|
43
19
|
|
|
44
|
-
/* Trigger spacing */
|
|
45
20
|
--padding-carousel-trigger: 0 0;
|
|
46
21
|
|
|
47
|
-
/* Indicator spacing */
|
|
48
|
-
--gap-carousel-indicator: var(--spacing-100);
|
|
49
|
-
--width-carousel-indicator: var(--spacing-200);
|
|
50
|
-
|
|
51
|
-
/* === BORDERS & RADIUS === */
|
|
52
|
-
--radius-carousel: var(--radius-sm);
|
|
53
|
-
--radius-carousel-indicator: 50%;
|
|
54
|
-
|
|
55
|
-
/* === TYPOGRAPHY === */
|
|
56
|
-
--text-carousel-trigger-size: var(--text-md);
|
|
57
|
-
|
|
58
|
-
/* === FOCUS RINGS === */
|
|
59
|
-
--color-carousel-ring: var(--color-ring);
|
|
60
|
-
|
|
61
|
-
/* === ASPECT RATIO === */
|
|
62
|
-
/* Additional section for aspect ratios */
|
|
63
22
|
--aspect-carousel-indicator: var(--aspect-square);
|
|
64
23
|
}
|
|
65
24
|
|
|
@@ -77,4 +36,4 @@
|
|
|
77
36
|
|
|
78
37
|
@utility token-icon-carousel-pause {
|
|
79
38
|
@apply token-icon-pause;
|
|
80
|
-
}
|
|
39
|
+
}
|