@vsn-ux/gaia-styles 0.5.13 → 0.5.15

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 (13) hide show
  1. package/dist/all-10pt.css +5 -1
  2. package/dist/all-no-reset-10pt.css +5 -1
  3. package/dist/all-no-reset.css +5 -1
  4. package/dist/all.css +5 -1
  5. package/dist/components/segmented-control.css +1 -1
  6. package/dist/components/select.css +3 -0
  7. package/dist/components/switch.css +1 -0
  8. package/dist/components.css +5 -1
  9. package/package.json +1 -1
  10. package/src/styles/components/segmented-control.css +1 -1
  11. package/src/styles/components/select.css +4 -0
  12. package/src/styles/components/switch.css +1 -1
  13. package/src/styles/theme.css +1 -0
package/dist/all-10pt.css CHANGED
@@ -2029,7 +2029,7 @@
2029
2029
  ));
2030
2030
  .ga-segmented-control__button {
2031
2031
  display: inline-flex;
2032
- height: calc(0.4rem * 9);
2032
+ height: calc(0.4rem * 8.5);
2033
2033
  cursor: pointer;
2034
2034
  align-items: center;
2035
2035
  justify-content: center;
@@ -2239,6 +2239,9 @@
2239
2239
  }
2240
2240
  .ga-select__value {
2241
2241
  display: contents;
2242
+ .ga-tag {
2243
+ min-width: calc(0.4rem * 0);
2244
+ }
2242
2245
  }
2243
2246
  .ga-select__input {
2244
2247
  height: calc(0.4rem * 6.5);
@@ -2311,6 +2314,7 @@
2311
2314
  display: inline-block;
2312
2315
  height: calc(0.4rem * 6);
2313
2316
  width: calc(0.4rem * 12);
2317
+ flex-shrink: 0;
2314
2318
  cursor: pointer;
2315
2319
  border-radius: calc(infinity * 1px);
2316
2320
  opacity: 0%;
package/dist/all-no-reset-10pt.css CHANGED
@@ -1882,7 +1882,7 @@
1882
1882
  ));
1883
1883
  .ga-segmented-control__button {
1884
1884
  display: inline-flex;
1885
- height: calc(0.4rem * 9);
1885
+ height: calc(0.4rem * 8.5);
1886
1886
  cursor: pointer;
1887
1887
  align-items: center;
1888
1888
  justify-content: center;
@@ -2092,6 +2092,9 @@
2092
2092
  }
2093
2093
  .ga-select__value {
2094
2094
  display: contents;
2095
+ .ga-tag {
2096
+ min-width: calc(0.4rem * 0);
2097
+ }
2095
2098
  }
2096
2099
  .ga-select__input {
2097
2100
  height: calc(0.4rem * 6.5);
@@ -2164,6 +2167,7 @@
2164
2167
  display: inline-block;
2165
2168
  height: calc(0.4rem * 6);
2166
2169
  width: calc(0.4rem * 12);
2170
+ flex-shrink: 0;
2167
2171
  cursor: pointer;
2168
2172
  border-radius: calc(infinity * 1px);
2169
2173
  opacity: 0%;
package/dist/all-no-reset.css CHANGED
@@ -1882,7 +1882,7 @@
1882
1882
  ));
1883
1883
  .ga-segmented-control__button {
1884
1884
  display: inline-flex;
1885
- height: calc(0.25rem * 9);
1885
+ height: calc(0.25rem * 8.5);
1886
1886
  cursor: pointer;
1887
1887
  align-items: center;
1888
1888
  justify-content: center;
@@ -2092,6 +2092,9 @@
2092
2092
  }
2093
2093
  .ga-select__value {
2094
2094
  display: contents;
2095
+ .ga-tag {
2096
+ min-width: calc(0.25rem * 0);
2097
+ }
2095
2098
  }
2096
2099
  .ga-select__input {
2097
2100
  height: calc(0.25rem * 6.5);
@@ -2164,6 +2167,7 @@
2164
2167
  display: inline-block;
2165
2168
  height: calc(0.25rem * 6);
2166
2169
  width: calc(0.25rem * 12);
2170
+ flex-shrink: 0;
2167
2171
  cursor: pointer;
2168
2172
  border-radius: calc(infinity * 1px);
2169
2173
  opacity: 0%;
package/dist/all.css CHANGED
@@ -2029,7 +2029,7 @@
2029
2029
  ));
2030
2030
  .ga-segmented-control__button {
2031
2031
  display: inline-flex;
2032
- height: calc(0.25rem * 9);
2032
+ height: calc(0.25rem * 8.5);
2033
2033
  cursor: pointer;
2034
2034
  align-items: center;
2035
2035
  justify-content: center;
@@ -2239,6 +2239,9 @@
2239
2239
  }
2240
2240
  .ga-select__value {
2241
2241
  display: contents;
2242
+ .ga-tag {
2243
+ min-width: calc(0.25rem * 0);
2244
+ }
2242
2245
  }
2243
2246
  .ga-select__input {
2244
2247
  height: calc(0.25rem * 6.5);
@@ -2311,6 +2314,7 @@
2311
2314
  display: inline-block;
2312
2315
  height: calc(0.25rem * 6);
2313
2316
  width: calc(0.25rem * 12);
2317
+ flex-shrink: 0;
2314
2318
  cursor: pointer;
2315
2319
  border-radius: calc(infinity * 1px);
2316
2320
  opacity: 0%;
package/dist/components/segmented-control.css CHANGED
@@ -21,7 +21,7 @@
21
21
  ));
22
22
  .ga-segmented-control__button {
23
23
  display: inline-flex;
24
- height: calc(0.25rem * 9);
24
+ height: calc(0.25rem * 8.5);
25
25
  cursor: pointer;
26
26
  align-items: center;
27
27
  justify-content: center;
package/dist/components/select.css CHANGED
@@ -159,6 +159,9 @@
159
159
  }
160
160
  .ga-select__value {
161
161
  display: contents;
162
+ .ga-tag {
163
+ min-width: calc(0.25rem * 0);
164
+ }
162
165
  }
163
166
  .ga-select__input {
164
167
  height: calc(0.25rem * 6.5);
package/dist/components/switch.css CHANGED
@@ -54,6 +54,7 @@
54
54
  display: inline-block;
55
55
  height: calc(0.25rem * 6);
56
56
  width: calc(0.25rem * 12);
57
+ flex-shrink: 0;
57
58
  cursor: pointer;
58
59
  border-radius: calc(infinity * 1px);
59
60
  opacity: 0%;
package/dist/components.css CHANGED
@@ -1658,7 +1658,7 @@
1658
1658
  ));
1659
1659
  .ga-segmented-control__button {
1660
1660
  display: inline-flex;
1661
- height: calc(0.25rem * 9);
1661
+ height: calc(0.25rem * 8.5);
1662
1662
  cursor: pointer;
1663
1663
  align-items: center;
1664
1664
  justify-content: center;
@@ -1868,6 +1868,9 @@
1868
1868
  }
1869
1869
  .ga-select__value {
1870
1870
  display: contents;
1871
+ .ga-tag {
1872
+ min-width: calc(0.25rem * 0);
1873
+ }
1871
1874
  }
1872
1875
  .ga-select__input {
1873
1876
  height: calc(0.25rem * 6.5);
@@ -1940,6 +1943,7 @@
1940
1943
  display: inline-block;
1941
1944
  height: calc(0.25rem * 6);
1942
1945
  width: calc(0.25rem * 12);
1946
+ flex-shrink: 0;
1943
1947
  cursor: pointer;
1944
1948
  border-radius: calc(infinity * 1px);
1945
1949
  opacity: 0%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vsn-ux/gaia-styles",
3
- "version": "0.5.13",
3
+ "version": "0.5.15",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {
package/src/styles/components/segmented-control.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @apply text-md inline-flex items-center justify-center gap-0.5 rounded border border-(--ga-color-border-primary) p-0.5 align-middle;
3
3
 
4
4
  .ga-segmented-control__button {
5
- @apply inline-flex h-9 cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-4 align-middle leading-1 whitespace-nowrap text-(--ga-color-text-action);
5
+ @apply inline-flex h-8.5 cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-4 align-middle leading-1 whitespace-nowrap text-(--ga-color-text-action);
6
6
 
7
7
  &.ga-segmented-control__button--selected,
8
8
  &:hover {
package/src/styles/components/select.css CHANGED
@@ -85,6 +85,10 @@
85
85
 
86
86
  .ga-select__value {
87
87
  @apply contents;
88
+
89
+ .ga-tag {
90
+ @apply min-w-0;
91
+ }
88
92
  }
89
93
 
90
94
  .ga-select__input {
package/src/styles/components/switch.css CHANGED
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  input {
21
- @apply inline-block h-6 w-12 cursor-pointer rounded-full opacity-0;
21
+ @apply inline-block h-6 w-12 shrink-0 cursor-pointer rounded-full opacity-0;
22
22
 
23
23
  &:hover ~ .ga-switch__marker {
24
24
  @apply bg-(--ga-color-surface-action-hover-2);
package/src/styles/theme.css CHANGED
@@ -19,6 +19,7 @@
19
19
  --color-neutral-10: var(--ga-color-neutral-10);
20
20
  --color-neutral-20: var(--ga-color-neutral-20);
21
21
  --color-neutral-30: var(--ga-color-neutral-30);
22
+ --color-neutral-60: var(--ga-color-neutral-60);
22
23
  --color-orange-10: var(--ga-color-orange-10);
23
24
  --color-orange-20: var(--ga-color-orange-20);
24
25
  --color-orange-30: var(--ga-color-orange-30);