@ttoss/theme 2.4.0 → 2.5.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.
@@ -1304,10 +1304,20 @@ var BruttalTheme = {
1304
1304
  borderColor: "display.border.muted.default"
1305
1305
  },
1306
1306
  '&[aria-invalid="true"]': {
1307
- borderColor: "display.border.negative.default"
1307
+ borderColor: "display.border.negative.default",
1308
+ ":focus-within": {
1309
+ outlineColor: "display.border.negative.default"
1310
+ }
1308
1311
  },
1309
1312
  '&[aria-invalid="true"] ~ span:has(iconify-icon)': {
1310
1313
  color: "display.text.negative.default"
1314
+ },
1315
+ ".is-warning &": {
1316
+ border: "md",
1317
+ borderColor: "feedback.border.caution.active",
1318
+ ":focus-within": {
1319
+ outlineColor: "feedback.border.caution.active"
1320
+ }
1311
1321
  }
1312
1322
  },
1313
1323
  inputNumber: {
@@ -1,4 +1,4 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-K423V3XH.js";
2
+ import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-DMPS5MKI.js";
3
3
  import "../../chunk-ZYSSWTLH.js";
4
4
  export { BrutalIcons, BruttalFonts, BruttalTheme };
@@ -1,11 +1,37 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
2
  import { createTheme } from "../../chunk-SNDE7LRY.js";
3
- import { BrutalIcons, BruttalTheme } from "../../chunk-K423V3XH.js";
3
+ import { BrutalIcons, BruttalTheme } from "../../chunk-DMPS5MKI.js";
4
4
  import { defaultTheme } from "../../chunk-ZYSSWTLH.js";
5
5
 
6
6
  // src/themes/Oca/OcaFonts.ts
7
7
  var OcaFonts = ["https://fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap", "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap"];
8
8
 
9
+ // src/themes/Oca/OcaSpacing.ts
10
+ var ocaSpace = Object.freeze({
11
+ px: "1px",
12
+ // 1px
13
+ 1: "0.25rem",
14
+ // 4px
15
+ 2: "0.375rem",
16
+ // 6px
17
+ 3: "0.5rem",
18
+ // 8px
19
+ 4: "0.5625rem",
20
+ // 9px
21
+ 5: "0.75rem",
22
+ // 12px
23
+ 6: "1rem",
24
+ // 16px
25
+ 7: "1.25rem",
26
+ // 20px
27
+ 8: "1.5rem",
28
+ // 24px
29
+ 9: "1.75rem",
30
+ // 28px
31
+ 10: "2.2rem"
32
+ // 35.2px
33
+ });
34
+
9
35
  // src/themes/Oca/OcaTheme.ts
10
36
  var defaultBorders = defaultTheme.borders;
11
37
  var OcaTheme = createTheme({
@@ -189,6 +215,9 @@ var OcaTheme = createTheme({
189
215
  },
190
216
  secondary: {
191
217
  default: "#465A69"
218
+ },
219
+ caution: {
220
+ default: "#906900"
192
221
  }
193
222
  },
194
223
  border: {
@@ -205,7 +234,8 @@ var OcaTheme = createTheme({
205
234
  default: "#ffebec"
206
235
  },
207
236
  caution: {
208
- default: "#fff8e6"
237
+ default: "#fff8e6",
238
+ active: "#eead2d"
209
239
  },
210
240
  positive: {
211
241
  default: "#e6f6e6"
@@ -246,6 +276,10 @@ var OcaTheme = createTheme({
246
276
  lg: defaultBorders.md,
247
277
  xl: defaultBorders.lg
248
278
  },
279
+ space: {
280
+ ...defaultTheme.space,
281
+ ...ocaSpace
282
+ },
249
283
  radii: defaultTheme.radii,
250
284
  /**
251
285
  * Global styles
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "2.4.0",
3
+ "version": "2.5.1",
4
4
  "description": "Theme for packages.",
5
5
  "license": "MIT",
6
6
  "author": "ttoss",
@@ -44,8 +44,8 @@
44
44
  "jest": "^29.7.0",
45
45
  "theme-ui": "^0.17.1",
46
46
  "tsup": "^8.3.5",
47
- "@ttoss/config": "^1.35.2",
48
47
  "@ttoss/react-icons": "^0.4.9",
48
+ "@ttoss/config": "^1.35.2",
49
49
  "@ttoss/test-utils": "^2.1.22"
50
50
  },
51
51
  "keywords": [],