@teseor/css 2.0.0 → 2.0.1
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/compiled.css +1 -1
- package/dist/index.css +136 -136
- package/package.json +1 -1
- package/src/components/content/divider/index.scss +2 -2
- package/src/components/disclosure/accordion/index.scss +1 -1
- package/src/components/disclosure/disclosure/index.scss +1 -1
- package/src/components/feedback/progress/index.scss +1 -1
- package/src/components/feedback/skeleton/index.scss +1 -1
- package/src/components/forms/slider/index.scss +2 -2
- package/src/components/forms/toggle/index.scss +1 -1
- package/src/components/navigation/dropdown-menu/index.scss +1 -1
- package/src/components/overlays/popover/index.scss +1 -1
- package/src/components/typography/list/index.scss +1 -1
package/package.json
CHANGED
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
// @desc Text color
|
|
11
11
|
--_color: var(--ui-divider-color, var(--ui-color-border, #{t.$color-border}));
|
|
12
12
|
// @desc Line size
|
|
13
|
-
--_line-size: var(--ui-divider-line-size, #{t.$border-width-sm});
|
|
13
|
+
--_line-size: var(--ui-divider-line-size, var(--ui-border-width-sm, #{t.$border-width-sm}));
|
|
14
14
|
// @desc Overall height
|
|
15
|
-
--_height: var(--ui-divider-height, #{t.$unit});
|
|
15
|
+
--_height: var(--ui-divider-height, var(--ui-unit, #{t.$unit}));
|
|
16
16
|
// @desc Gap between children
|
|
17
17
|
--_gap: var(--ui-divider-gap, calc(#{t.$unit} * 2));
|
|
18
18
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
// @desc Border color
|
|
11
11
|
--_border-color: var(--ui-accordion-border-color, var(--ui-color-border, #{t.$color-border}));
|
|
12
12
|
// @desc Border thickness
|
|
13
|
-
--_border-width: var(--ui-accordion-border-width, #{t.$border-width-sm});
|
|
13
|
+
--_border-width: var(--ui-accordion-border-width, var(--ui-border-width-sm, #{t.$border-width-sm}));
|
|
14
14
|
// @desc Corner radius
|
|
15
15
|
--_radius: var(--ui-accordion-radius, var(--ui-radius-md, calc(#{t.$unit} * 1)));
|
|
16
16
|
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
// @desc Border color
|
|
16
16
|
--_border-color: var(--ui-disclosure-border-color, var(--ui-color-border, #{t.$color-border}));
|
|
17
17
|
// @desc Border thickness
|
|
18
|
-
--_border-width: var(--ui-disclosure-border-width, #{t.$border-width-sm});
|
|
18
|
+
--_border-width: var(--ui-disclosure-border-width, var(--ui-border-width-sm, #{t.$border-width-sm}));
|
|
19
19
|
// @desc Corner radius
|
|
20
20
|
--_radius: var(--ui-disclosure-radius, var(--ui-radius-md, calc(#{t.$unit} * 1)));
|
|
21
21
|
// @desc Trigger overall height
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
// @desc Overall height
|
|
22
22
|
--_height: var(--ui-progress-height, calc(#{t.$unit} * 1));
|
|
23
23
|
// @desc Background color
|
|
24
|
-
--_bg: var(--ui-progress-bg, var(--ui-color-bg-subtle, #{t.$
|
|
24
|
+
--_bg: var(--ui-progress-bg, var(--ui-color-bg-subtle, #{t.$color-bg-subtle}));
|
|
25
25
|
// @desc Fill
|
|
26
26
|
--_fill: var(--ui-progress-fill, var(--ui-color-primary, #{t.$color-primary}));
|
|
27
27
|
// @desc Corner radius
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@layer components.tokens {
|
|
9
9
|
.skeleton {
|
|
10
10
|
// @desc Background color
|
|
11
|
-
--_bg: var(--ui-skeleton-bg, var(--ui-color-bg-subtle, #{t.$
|
|
11
|
+
--_bg: var(--ui-skeleton-bg, var(--ui-color-bg-subtle, #{t.$color-bg-subtle}));
|
|
12
12
|
// @desc Shimmer
|
|
13
13
|
--_shimmer: var(--ui-skeleton-shimmer, #{t.$skeleton-shimmer});
|
|
14
14
|
// @desc Corner radius
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
// @desc Overall height
|
|
13
13
|
--_height: var(--ui-slider-height, var(--ui-row-2, #{t.$row-2}));
|
|
14
14
|
// @desc Track height
|
|
15
|
-
--_track-height: var(--ui-slider-track-height, #{t.$unit});
|
|
15
|
+
--_track-height: var(--ui-slider-track-height, var(--ui-unit, #{t.$unit}));
|
|
16
16
|
// @desc Track background
|
|
17
|
-
--_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-subtle, #{t.$
|
|
17
|
+
--_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-subtle, #{t.$color-bg-subtle}));
|
|
18
18
|
// @desc Track fill
|
|
19
19
|
--_track-fill: var(--ui-slider-track-fill, var(--ui-color-primary, #{t.$color-primary}));
|
|
20
20
|
// @desc Track corner radius
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
// @desc Track height
|
|
15
15
|
--_track-height: var(--ui-toggle-track-height, calc(#{t.$unit} * 3));
|
|
16
16
|
// @desc Track background
|
|
17
|
-
--_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-subtle, #{t.$
|
|
17
|
+
--_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-subtle, #{t.$color-bg-subtle}));
|
|
18
18
|
// @desc Track bg checked
|
|
19
19
|
--_track-bg-checked: var(--ui-toggle-track-bg-checked, var(--ui-color-primary, #{t.$color-primary}));
|
|
20
20
|
// @desc Track corner radius
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--_duration-fast: var(--ui-duration-fast, #{t.$duration-fast});
|
|
11
11
|
--_ease-default: var(--ui-ease-default, #{t.$ease-default});
|
|
12
12
|
// @desc Z-index stacking order
|
|
13
|
-
--_z: var(--ui-dropdown-menu-z, #{t.$z-index-dropdown});
|
|
13
|
+
--_z: var(--ui-dropdown-menu-z, var(--ui-z-index-dropdown, #{t.$z-index-dropdown}));
|
|
14
14
|
// @desc Panel offset from anchor
|
|
15
15
|
--_panel-offset: var(--ui-dropdown-menu-panel-offset, var(--ui-space-1, #{t.$space-1}));
|
|
16
16
|
// @desc Panel minimum width
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--_duration-fast: var(--ui-duration-fast, #{t.$duration-fast});
|
|
15
15
|
--_ease-default: var(--ui-ease-default, ease);
|
|
16
16
|
// @desc Background color
|
|
17
|
-
--_bg: var(--ui-popover-bg, var(--ui-color-bg,
|
|
17
|
+
--_bg: var(--ui-popover-bg, var(--ui-color-bg, #{t.$color-bg}));
|
|
18
18
|
// @desc Border color
|
|
19
19
|
--_border-color: var(--ui-popover-border-color, var(--ui-color-border, #{t.$color-border}));
|
|
20
20
|
// @desc Corner radius
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
@layer components.tokens {
|
|
8
8
|
.list {
|
|
9
9
|
// @desc Spacing
|
|
10
|
-
--_spacing: var(--ui-list-spacing, #{t.$unit});
|
|
10
|
+
--_spacing: var(--ui-list-spacing, var(--ui-unit, #{t.$unit}));
|
|
11
11
|
// @desc Marker color
|
|
12
12
|
--_marker-color: var(--ui-list-marker-color, var(--ui-color-text-muted, #{t.$color-text-muted}));
|
|
13
13
|
// @desc Indent
|