@nubase/frontend 0.1.14 → 0.1.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.
package/dist/styles.css CHANGED
@@ -51,6 +51,7 @@
51
51
  --color-gray-500: oklch(55.1% 0.027 264.364);
52
52
  --color-gray-600: oklch(44.6% 0.03 256.802);
53
53
  --color-gray-800: oklch(27.8% 0.033 256.848);
54
+ --color-black: #000;
54
55
  --color-white: #fff;
55
56
  --spacing: 0.25rem;
56
57
  --breakpoint-md: 48rem;
@@ -272,6 +273,9 @@
272
273
  .collapse {
273
274
  visibility: collapse;
274
275
  }
276
+ .invisible {
277
+ visibility: hidden;
278
+ }
275
279
  .visible {
276
280
  visibility: visible;
277
281
  }
@@ -1158,6 +1162,12 @@
1158
1162
  .bg-background {
1159
1163
  background-color: var(--color-background);
1160
1164
  }
1165
+ .bg-black\/50 {
1166
+ background-color: color-mix(in srgb, #000 50%, transparent);
1167
+ @supports (color: color-mix(in lab, red, red)) {
1168
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1169
+ }
1170
+ }
1161
1171
  .bg-blue-100 {
1162
1172
  background-color: var(--color-blue-100);
1163
1173
  }
@@ -1401,6 +1411,9 @@
1401
1411
  .pr-10 {
1402
1412
  padding-right: calc(var(--spacing) * 10);
1403
1413
  }
1414
+ .pr-16 {
1415
+ padding-right: calc(var(--spacing) * 16);
1416
+ }
1404
1417
  .pb-1 {
1405
1418
  padding-bottom: calc(var(--spacing) * 1);
1406
1419
  }
@@ -1664,6 +1677,10 @@
1664
1677
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1665
1678
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1666
1679
  }
1680
+ .shadow-none {
1681
+ --tw-shadow: 0 0 #0000;
1682
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1683
+ }
1667
1684
  .shadow-sm {
1668
1685
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1669
1686
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2034,6 +2051,11 @@
2034
2051
  border-color: var(--color-primary);
2035
2052
  }
2036
2053
  }
2054
+ .focus\:border-transparent {
2055
+ &:focus {
2056
+ border-color: transparent;
2057
+ }
2058
+ }
2037
2059
  .focus\:bg-accent {
2038
2060
  &:focus {
2039
2061
  background-color: var(--color-accent);
@@ -2044,6 +2066,12 @@
2044
2066
  color: var(--color-accent-foreground);
2045
2067
  }
2046
2068
  }
2069
+ .focus\:ring-0 {
2070
+ &:focus {
2071
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2072
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2073
+ }
2074
+ }
2047
2075
  .focus\:ring-2 {
2048
2076
  &:focus {
2049
2077
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2093,6 +2121,17 @@
2093
2121
  border-color: var(--color-ring);
2094
2122
  }
2095
2123
  }
2124
+ .focus-visible\:border-transparent {
2125
+ &:focus-visible {
2126
+ border-color: transparent;
2127
+ }
2128
+ }
2129
+ .focus-visible\:ring-0 {
2130
+ &:focus-visible {
2131
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2132
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2133
+ }
2134
+ }
2096
2135
  .focus-visible\:ring-\[3px\] {
2097
2136
  &:focus-visible {
2098
2137
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubase/frontend",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "description": "React components and utilities for nubase",
5
5
  "keywords": [
6
6
  "react",