@ttoss/theme 2.6.3 → 2.6.5
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/esm/{chunk-4HPNPMY6.js → chunk-AFJNTTZP.js} +9 -9
- package/dist/esm/{chunk-ZYSSWTLH.js → chunk-ETDZCUM6.js} +5 -42
- package/dist/esm/chunk-ZV4QVE4B.js +9 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/themes/Bruttal/Bruttal.js +2 -2
- package/dist/esm/themes/Oca/Oca.js +5 -16
- package/package.json +5 -5
- package/dist/esm/chunk-SNDE7LRY.js +0 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { __commonJS, __toESM, defaultTheme } from "./chunk-
|
|
2
|
+
import { __commonJS, __toESM, defaultTheme } from "./chunk-ETDZCUM6.js";
|
|
3
3
|
|
|
4
4
|
// ../../node_modules/.pnpm/@iconify+icons-carbon@1.2.20/node_modules/@iconify/icons-carbon/add-filled.js
|
|
5
5
|
var require_add_filled = __commonJS({
|
|
@@ -849,8 +849,8 @@ var radii = {
|
|
|
849
849
|
};
|
|
850
850
|
var BruttalTheme = {
|
|
851
851
|
/**
|
|
852
|
-
|
|
853
|
-
|
|
852
|
+
* Tokens
|
|
853
|
+
*/
|
|
854
854
|
borders: defaultTheme.borders,
|
|
855
855
|
sizes: defaultTheme.sizes,
|
|
856
856
|
fontSizes: defaultTheme.fontSizes,
|
|
@@ -1074,8 +1074,8 @@ var BruttalTheme = {
|
|
|
1074
1074
|
fonts: coreFonts,
|
|
1075
1075
|
radii,
|
|
1076
1076
|
/**
|
|
1077
|
-
|
|
1078
|
-
|
|
1077
|
+
* Global styles
|
|
1078
|
+
*/
|
|
1079
1079
|
styles: {
|
|
1080
1080
|
root: {
|
|
1081
1081
|
fontFamily: "body",
|
|
@@ -1090,8 +1090,8 @@ var BruttalTheme = {
|
|
|
1090
1090
|
borderRadius: "sm"
|
|
1091
1091
|
},
|
|
1092
1092
|
/**
|
|
1093
|
-
|
|
1094
|
-
|
|
1093
|
+
* HTML elements
|
|
1094
|
+
*/
|
|
1095
1095
|
table: {
|
|
1096
1096
|
borderCollapse: "collapse"
|
|
1097
1097
|
},
|
|
@@ -1127,8 +1127,8 @@ var BruttalTheme = {
|
|
|
1127
1127
|
}
|
|
1128
1128
|
},
|
|
1129
1129
|
/**
|
|
1130
|
-
|
|
1131
|
-
|
|
1130
|
+
* Components
|
|
1131
|
+
*/
|
|
1132
1132
|
badges: {
|
|
1133
1133
|
positive: {
|
|
1134
1134
|
color: "action.text.accent.default",
|
|
@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __name = (target, value) => __defProp(target, "name", {
|
|
9
|
+
value,
|
|
10
|
+
configurable: true
|
|
11
|
+
});
|
|
8
12
|
var __commonJS = (cb, mod) => function __require() {
|
|
9
13
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = {
|
|
10
14
|
exports: {}
|
|
@@ -57,15 +61,10 @@ var borders = Object.freeze({
|
|
|
57
61
|
// src/defaultTokens/breakpoints.ts
|
|
58
62
|
var breakpoints = Object.freeze({
|
|
59
63
|
sm: "640px",
|
|
60
|
-
// 40em
|
|
61
64
|
md: "768px",
|
|
62
|
-
// 48em
|
|
63
65
|
lg: "1024px",
|
|
64
|
-
// 64em
|
|
65
66
|
xl: "1280px",
|
|
66
|
-
// 80em
|
|
67
67
|
"2xl": "1536px"
|
|
68
|
-
// 96em
|
|
69
68
|
});
|
|
70
69
|
|
|
71
70
|
// src/defaultTokens/sizes.ts
|
|
@@ -98,45 +97,25 @@ var sizes = Object.freeze({
|
|
|
98
97
|
// src/defaultTokens/spacing.ts
|
|
99
98
|
var spacing = Object.freeze({
|
|
100
99
|
px: "1px",
|
|
101
|
-
// 1px
|
|
102
100
|
0.5: "0.125rem",
|
|
103
|
-
// 2px
|
|
104
101
|
1: "0.25rem",
|
|
105
|
-
// 4px
|
|
106
102
|
1.5: "0.375rem",
|
|
107
|
-
// 6px
|
|
108
103
|
2: "0.5rem",
|
|
109
|
-
// 8px
|
|
110
104
|
2.5: "0.625rem",
|
|
111
|
-
// 10px
|
|
112
105
|
3: "0.75rem",
|
|
113
|
-
// 12px
|
|
114
106
|
3.5: "0.875rem",
|
|
115
|
-
// 14px
|
|
116
107
|
4: "1rem",
|
|
117
|
-
// 16px
|
|
118
108
|
5: "1.25rem",
|
|
119
|
-
// 20px
|
|
120
109
|
6: "1.5rem",
|
|
121
|
-
// 24px
|
|
122
110
|
7: "1.75rem",
|
|
123
|
-
// 28px
|
|
124
111
|
8: "2rem",
|
|
125
|
-
// 32px
|
|
126
112
|
9: "2.25rem",
|
|
127
|
-
// 36px
|
|
128
113
|
10: "2.5rem",
|
|
129
|
-
// 40px
|
|
130
114
|
12: "3rem",
|
|
131
|
-
// 48px
|
|
132
115
|
14: "3.5rem",
|
|
133
|
-
// 56px
|
|
134
116
|
16: "4rem",
|
|
135
|
-
// 64px
|
|
136
117
|
20: "5rem",
|
|
137
|
-
// 80px
|
|
138
118
|
24: "6rem",
|
|
139
|
-
// 96px
|
|
140
119
|
28: "7rem",
|
|
141
120
|
32: "8rem",
|
|
142
121
|
36: "9rem",
|
|
@@ -155,37 +134,21 @@ var spacing = Object.freeze({
|
|
|
155
134
|
// src/defaultTokens/typography.ts
|
|
156
135
|
var fontSizes = Object.freeze({
|
|
157
136
|
"4xs": "0.375rem",
|
|
158
|
-
// 6px
|
|
159
137
|
"3xs": "0.5rem",
|
|
160
|
-
// 8px
|
|
161
138
|
"2xs": "0.625rem",
|
|
162
|
-
// 10px
|
|
163
139
|
xs: "0.75rem",
|
|
164
|
-
// 12px
|
|
165
140
|
sm: "0.875rem",
|
|
166
|
-
// 14px
|
|
167
141
|
md: "1rem",
|
|
168
|
-
// 16px
|
|
169
142
|
lg: "1.125rem",
|
|
170
|
-
// 18px
|
|
171
143
|
xl: "1.25rem",
|
|
172
|
-
// 20px
|
|
173
144
|
"2xl": "1.5rem",
|
|
174
|
-
// 24px
|
|
175
145
|
"3xl": "1.875rem",
|
|
176
|
-
// 30px
|
|
177
146
|
"4xl": "2.25rem",
|
|
178
|
-
// 36px
|
|
179
147
|
"5xl": "3rem",
|
|
180
|
-
// 48px
|
|
181
148
|
"6xl": "3.75rem",
|
|
182
|
-
// 60px
|
|
183
149
|
"7xl": "4.5rem",
|
|
184
|
-
// 72px
|
|
185
150
|
"8xl": "6rem",
|
|
186
|
-
// 96px
|
|
187
151
|
"9xl": "8rem"
|
|
188
|
-
// 128px
|
|
189
152
|
});
|
|
190
153
|
var fontWeights = Object.freeze({
|
|
191
154
|
hairline: 100,
|
|
@@ -247,4 +210,4 @@ var defaultTheme = {
|
|
|
247
210
|
zIndices,
|
|
248
211
|
borders
|
|
249
212
|
};
|
|
250
|
-
export { __commonJS, __toESM, defaultTheme };
|
|
213
|
+
export { __name, __commonJS, __toESM, defaultTheme };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
+
import { __name, defaultTheme } from "./chunk-ETDZCUM6.js";
|
|
3
|
+
|
|
4
|
+
// src/createTheme.ts
|
|
5
|
+
import deepmerge from "deepmerge";
|
|
6
|
+
var createTheme = /* @__PURE__ */__name((theme, base = defaultTheme) => {
|
|
7
|
+
return deepmerge(base, theme);
|
|
8
|
+
}, "createTheme");
|
|
9
|
+
export { createTheme };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { createTheme } from "./chunk-
|
|
3
|
-
import "./chunk-
|
|
2
|
+
import { createTheme } from "./chunk-ZV4QVE4B.js";
|
|
3
|
+
import "./chunk-ETDZCUM6.js";
|
|
4
4
|
export { createTheme };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-
|
|
3
|
-
import "../../chunk-
|
|
2
|
+
import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-AFJNTTZP.js";
|
|
3
|
+
import "../../chunk-ETDZCUM6.js";
|
|
4
4
|
export { BrutalIcons, BruttalFonts, BruttalTheme };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { createTheme } from "../../chunk-
|
|
3
|
-
import { BrutalIcons, BruttalTheme } from "../../chunk-
|
|
4
|
-
import { defaultTheme } from "../../chunk-
|
|
2
|
+
import { createTheme } from "../../chunk-ZV4QVE4B.js";
|
|
3
|
+
import { BrutalIcons, BruttalTheme } from "../../chunk-AFJNTTZP.js";
|
|
4
|
+
import { defaultTheme } from "../../chunk-ETDZCUM6.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"];
|
|
@@ -9,27 +9,16 @@ var OcaFonts = ["https://fonts.googleapis.com/css2?family=Outfit:wght@700&displa
|
|
|
9
9
|
// src/themes/Oca/OcaSpacing.ts
|
|
10
10
|
var ocaSpace = Object.freeze({
|
|
11
11
|
px: "1px",
|
|
12
|
-
// 1px
|
|
13
12
|
1: "0.25rem",
|
|
14
|
-
// 4px
|
|
15
13
|
2: "0.375rem",
|
|
16
|
-
// 6px
|
|
17
14
|
3: "0.5rem",
|
|
18
|
-
// 8px
|
|
19
15
|
4: "0.5625rem",
|
|
20
|
-
// 9px
|
|
21
16
|
5: "0.75rem",
|
|
22
|
-
// 12px
|
|
23
17
|
6: "1rem",
|
|
24
|
-
// 16px
|
|
25
18
|
7: "1.25rem",
|
|
26
|
-
// 20px
|
|
27
19
|
8: "1.5rem",
|
|
28
|
-
// 24px
|
|
29
20
|
9: "1.75rem",
|
|
30
|
-
// 28px
|
|
31
21
|
10: "2.2rem"
|
|
32
|
-
// 35.2px
|
|
33
22
|
});
|
|
34
23
|
|
|
35
24
|
// src/themes/Oca/OcaTheme.ts
|
|
@@ -294,8 +283,8 @@ var OcaTheme = createTheme({
|
|
|
294
283
|
styles: {
|
|
295
284
|
root: {
|
|
296
285
|
/**
|
|
297
|
-
|
|
298
|
-
|
|
286
|
+
* select out of forms
|
|
287
|
+
*/
|
|
299
288
|
".react-select__control": {
|
|
300
289
|
color: "display.text.secondary.default",
|
|
301
290
|
backgroundColor: "display.background.primary.default",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/theme",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.5",
|
|
4
4
|
"description": "Theme for packages.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"deepmerge": "^4.3.1"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@ttoss/react-icons": "^0.4.
|
|
38
|
+
"@ttoss/react-icons": "^0.4.16"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@iconify/icons-carbon": "^1.2.20",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"jest": "^30.0.4",
|
|
45
45
|
"theme-ui": "^0.17.1",
|
|
46
46
|
"tsup": "^8.5.0",
|
|
47
|
-
"@ttoss/react-icons": "^0.4.
|
|
48
|
-
"@ttoss/config": "^1.35.
|
|
49
|
-
"@ttoss/test-utils": "^2.1.
|
|
47
|
+
"@ttoss/react-icons": "^0.4.16",
|
|
48
|
+
"@ttoss/config": "^1.35.7",
|
|
49
|
+
"@ttoss/test-utils": "^2.1.27"
|
|
50
50
|
},
|
|
51
51
|
"keywords": [],
|
|
52
52
|
"publishConfig": {
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { defaultTheme } from "./chunk-ZYSSWTLH.js";
|
|
3
|
-
|
|
4
|
-
// src/createTheme.ts
|
|
5
|
-
import deepmerge from "deepmerge";
|
|
6
|
-
var createTheme = (theme, base = defaultTheme) => {
|
|
7
|
-
return deepmerge(base, theme);
|
|
8
|
-
};
|
|
9
|
-
export { createTheme };
|