tinywidgets 1.3.2 → 1.3.4

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/Button/index.css.ts +1 -0
  3. package/src/components/Select/index.css.ts +1 -0
  4. package/src/components/TextInput/index.css.ts +1 -0
  5. package/src/css/colors.css.ts +5 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tinywidgets",
3
- "version": "1.3.2",
3
+ "version": "1.3.4",
4
4
  "author": "jamesgpearce",
5
5
  "repository": "github:tinyplex/tinywidgets",
6
6
  "license": "MIT",
package/src/components/Button/index.css.ts CHANGED
@@ -14,6 +14,7 @@ export const button = style({
14
14
  outlineOffset: '-2px',
15
15
  color: 'inherit',
16
16
  fontWeight: 'inherit',
17
+ fontFamily: 'inherit',
17
18
  overflow: 'hidden',
18
19
  whiteSpace: 'nowrap',
19
20
  transition: 'background-color 0.1s,border-color 0.1s',
package/src/components/Select/index.css.ts CHANGED
@@ -8,6 +8,7 @@ export const select = style({
8
8
  outlineOffset: '2px',
9
9
  color: 'inherit',
10
10
  fontWeight: 'inherit',
11
+ fontFamily: 'inherit',
11
12
  boxShadow: colors.shadow,
12
13
  border: colors.border,
13
14
  backgroundColor: colors.background,
package/src/components/TextInput/index.css.ts CHANGED
@@ -16,6 +16,7 @@ export const input = style({
16
16
  outlineOffset: '2px',
17
17
  color: 'inherit',
18
18
  fontWeight: 'inherit',
19
+ fontFamily: 'inherit',
19
20
  boxShadow: colors.shadow + ' inset',
20
21
  border: colors.border,
21
22
  backgroundColor: colors.background,
package/src/css/colors.css.ts CHANGED
@@ -25,6 +25,7 @@ import {
25
25
  * - `foregroundBright`
26
26
  * - `foregroundDim`
27
27
  * - `foregroundExtreme`
28
+ * - `borderColor`
28
29
  * - `border`
29
30
  * - `shadow`
30
31
  *
@@ -79,6 +80,7 @@ export const colors = createThemeContract({
79
80
  foregroundBright: null,
80
81
  foregroundDim: null,
81
82
  foregroundExtreme: null,
83
+ borderColor: null,
82
84
  border: null,
83
85
  shadow: null,
84
86
  });
@@ -89,6 +91,7 @@ const common = {
89
91
  'var(--tinyWidgets-backgroundHue)',
90
92
  `calc(${colors.accentHue} + 180)`,
91
93
  ),
94
+ border: `1px solid ${colors.borderColor}`,
92
95
  accent: `oklch(50% .11 ${colors.accentHue})`,
93
96
  accentLight: `oklch(71% .16 ${colors.accentHue})`,
94
97
  accentHover: `oklch(45% .1 ${colors.accentHue})`,
@@ -106,7 +109,7 @@ export const colorsLight = createTheme(colors, {
106
109
  foregroundBright: `oklch(10% .01 ${colors.accentHue})`,
107
110
  foregroundDim: `oklch(60% .01 ${colors.accentHue})`,
108
111
  foregroundExtreme: '#000',
109
- border: `1px solid oklch(90% .01 ${colors.backgroundHue})`,
112
+ borderColor: `oklch(90% .01 ${colors.backgroundHue})`,
110
113
  shadow: '0 1px 4px 0 hsl(0 0 20 / .1)',
111
114
  });
112
115
  globalStyle(`html:has(${colorsLight})`, {
@@ -124,7 +127,7 @@ export const colorsDark = createTheme(colors, {
124
127
  foregroundBright: `oklch(95% .01 ${colors.accentHue})`,
125
128
  foregroundDim: `oklch(60% .01 ${colors.accentHue})`,
126
129
  foregroundExtreme: '#fff',
127
- border: `1px solid oklch(30% .01 ${colors.backgroundHue})`,
130
+ borderColor: `oklch(30% .01 ${colors.backgroundHue})`,
128
131
  shadow: '0 1px 4px 0 #000',
129
132
  });
130
133
  globalStyle(`html:has(${colorsDark})`, {