@nimbus-ds/styles 4.18.0 → 4.19.0
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/CHANGELOG.md +11 -0
- package/dist/index.css +147 -97
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.LICENSE.txt +27 -15
- package/dist/index.js.map +1 -1
- package/dist/packages/fileUploader/fileUploader.sprinkle.css.d.ts +1 -1
- package/dist/packages/fileUploader/index.d.ts +1 -1
- package/dist/packages/iconButton/iconButton.sprinkle.css.d.ts +84 -0
- package/dist/packages/iconButton/iconButton.sprinkle.types.d.ts +17 -0
- package/dist/packages/iconButton/iconButton.style.css.d.ts +1 -1
- package/dist/packages/iconButton/index.css +317 -16
- package/dist/packages/iconButton/index.css.map +1 -1
- package/dist/packages/iconButton/index.d.ts +89 -1
- package/dist/packages/iconButton/index.js +1 -1
- package/dist/packages/iconButton/index.js.LICENSE.txt +46 -4
- package/dist/packages/iconButton/index.js.map +1 -1
- package/dist/packages/link/index.css +33 -159
- package/dist/packages/link/index.css.map +1 -1
- package/dist/packages/link/index.d.ts +2 -65
- package/dist/packages/link/index.js +1 -1
- package/dist/packages/link/index.js.LICENSE.txt +4 -16
- package/dist/packages/link/index.js.map +1 -1
- package/dist/packages/link/link.style.css.d.ts +3 -65
- package/dist/packages/sidebar/index.css +27 -9
- package/dist/packages/sidebar/index.css.map +1 -1
- package/dist/packages/sidebar/index.d.ts +24 -7
- package/dist/packages/sidebar/index.js +1 -1
- package/dist/packages/sidebar/index.js.LICENSE.txt +5 -5
- package/dist/packages/sidebar/index.js.map +1 -1
- package/dist/packages/sidebar/sidebar.sprinkle.css.d.ts +24 -7
- package/dist/packages/stack/index.d.ts +5 -5
- package/dist/packages/stack/stack.sprinkle.css.d.ts +3 -3
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@ export declare const cursorProperties: {
|
|
|
18
18
|
};
|
|
19
19
|
export declare const sprinkle: ((props: {
|
|
20
20
|
aspectRatio?: "none" | "1-1" | "16-9" | "9-16" | "4-3" | "3-4" | "2-1" | "1-2" | undefined;
|
|
21
|
-
flexDirection?: "
|
|
21
|
+
flexDirection?: "column" | "row" | undefined;
|
|
22
22
|
cursor?: "auto" | "pointer" | undefined;
|
|
23
23
|
}) => string) & {
|
|
24
24
|
properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
|
|
@@ -3,7 +3,7 @@ export declare const fileUploader: {
|
|
|
3
3
|
style: typeof style;
|
|
4
4
|
sprinkle: ((props: {
|
|
5
5
|
aspectRatio?: "none" | "1-1" | "16-9" | "9-16" | "4-3" | "3-4" | "2-1" | "1-2" | undefined;
|
|
6
|
-
flexDirection?: "
|
|
6
|
+
flexDirection?: "column" | "row" | undefined;
|
|
7
7
|
cursor?: "auto" | "pointer" | undefined;
|
|
8
8
|
}) => string) & {
|
|
9
9
|
properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
export declare const backgroundColorProperties: {
|
|
2
|
+
transparent: string;
|
|
3
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
};
|
|
7
|
+
export declare const borderColorProperties: {
|
|
8
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
+
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
transparent: string;
|
|
11
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
+
};
|
|
14
|
+
export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
|
|
15
|
+
config: {};
|
|
16
|
+
} & {
|
|
17
|
+
config: {
|
|
18
|
+
width: {
|
|
19
|
+
dynamic: {
|
|
20
|
+
default: string;
|
|
21
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
22
|
+
};
|
|
23
|
+
dynamicScale: true;
|
|
24
|
+
name: "width";
|
|
25
|
+
vars: {
|
|
26
|
+
default: string;
|
|
27
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
height: {
|
|
31
|
+
dynamic: {
|
|
32
|
+
default: string;
|
|
33
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
34
|
+
};
|
|
35
|
+
dynamicScale: true;
|
|
36
|
+
name: "height";
|
|
37
|
+
vars: {
|
|
38
|
+
default: string;
|
|
39
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
backgroundColor: {
|
|
43
|
+
dynamic: {
|
|
44
|
+
default: string;
|
|
45
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
46
|
+
};
|
|
47
|
+
dynamicScale: {
|
|
48
|
+
transparent: string;
|
|
49
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
+
};
|
|
53
|
+
name: "backgroundColor";
|
|
54
|
+
vars: {
|
|
55
|
+
default: string;
|
|
56
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
borderColor: {
|
|
60
|
+
dynamic: {
|
|
61
|
+
default: string;
|
|
62
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
63
|
+
};
|
|
64
|
+
dynamicScale: {
|
|
65
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
|
+
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
|
+
transparent: string;
|
|
68
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
+
};
|
|
71
|
+
name: "borderColor";
|
|
72
|
+
vars: {
|
|
73
|
+
default: string;
|
|
74
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
} & {
|
|
79
|
+
config: {
|
|
80
|
+
size: {
|
|
81
|
+
mappings: ("width" | "height")[];
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
}]>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { backgroundColorProperties, borderColorProperties } from "./iconButton.sprinkle.css";
|
|
2
|
+
declare type BackgroundColorProperties = keyof typeof backgroundColorProperties;
|
|
3
|
+
declare type BorderColorProperties = keyof typeof borderColorProperties;
|
|
4
|
+
interface Conditions<T> {
|
|
5
|
+
xs?: T;
|
|
6
|
+
md?: T;
|
|
7
|
+
lg?: T;
|
|
8
|
+
focus?: T;
|
|
9
|
+
active?: T;
|
|
10
|
+
hover?: T;
|
|
11
|
+
}
|
|
12
|
+
export interface IconButtonSprinkle {
|
|
13
|
+
size?: string | Conditions<string>;
|
|
14
|
+
borderColor?: BorderColorProperties | Conditions<BorderColorProperties>;
|
|
15
|
+
backgroundColor?: BackgroundColorProperties | Conditions<BackgroundColorProperties>;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const container: string;
|
|
@@ -106,33 +106,334 @@
|
|
|
106
106
|
--breakpoint-md__g6qx2k2t: 672px;
|
|
107
107
|
--breakpoint-lg__g6qx2k2u: 1024px;
|
|
108
108
|
}
|
|
109
|
-
|
|
110
|
-
!*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/iconButton/iconButton.style.css.ts.vanilla.css","source":"
|
|
111
|
-
|
|
112
|
-
.iconButton\.
|
|
109
|
+
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
110
|
+
!*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/iconButton/iconButton.style.css.ts.vanilla.css","source":"Lmljb25CdXR0b25cLnN0eWxlX2NvbnRhaW5lcl9fMXVkZm1hMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGN1cnNvcjogcG9pbnRlcjsKICBib3JkZXItcmFkaXVzOiAxMDAlOwogIGJvcmRlci13aWR0aDogMC4wNjNyZW07CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tbW90aW9uLXNwZWVkLWZhc3RfX2c2cXgyazJwKSBlYXNlOwp9Ci5pY29uQnV0dG9uXC5zdHlsZV9jb250YWluZXJfXzF1ZGZtYTA6YWN0aXZlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1pbnRlcmFjdGl2ZVByZXNzZWRfX2c2cXgya3kpOwogIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3JzLW5ldXRyYWwtaW50ZXJhY3RpdmVQcmVzc2VkX19nNnF4Mmt5KTsKfQ=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
|
|
111
|
+
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
112
|
+
.iconButton\.style_container__1udfma0 {
|
|
113
113
|
display: flex;
|
|
114
114
|
align-items: center;
|
|
115
115
|
justify-content: center;
|
|
116
116
|
cursor: pointer;
|
|
117
|
-
|
|
118
|
-
height: var(--sizes-8__g6qx2k2a);
|
|
119
|
-
border-radius: var(--sizes-5__g6qx2k27);
|
|
120
|
-
background-color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
|
|
121
|
-
border-color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
|
|
117
|
+
border-radius: 100%;
|
|
122
118
|
border-width: 0.063rem;
|
|
123
119
|
border-style: solid;
|
|
124
120
|
transition: all var(--motion-speed-fast__g6qx2k2p) ease;
|
|
125
121
|
}
|
|
126
|
-
.iconButton\.
|
|
122
|
+
.iconButton\.style_container__1udfma0:active {
|
|
123
|
+
background-color: var(--colors-neutral-interactivePressed__g6qx2ky);
|
|
124
|
+
border-color: var(--colors-neutral-interactivePressed__g6qx2ky);
|
|
125
|
+
}
|
|
126
|
+
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
127
|
+
!*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/sprinkles/colors.css.ts.vanilla.css","source":"#H4sIAAAAAAAAA52Yy3LaQBBF93wFy2QBZQmMH1kmCy+yyAe4ihJCCIGQYCSeqfx7bGtKaHpm+qGFyxt3n4u5d6r6juMyL1U1//o136tsF6nr+7g6qlUUJ/N5MNtMw0nwMPw7GA6//uh1eIrUt9GoGRzpkVE7kc4Ol3D78P3H4N9gjG5/y9J1/vFTt5iAi+mMNrwA42VFnagorrPT/ROFJMqYaighk/JWnhLVoiYSlB5teBMm749KqipZtsSphNgON8wpxqyTS/27PLegRxLUTjTbH6ntn99su37GWt+MNPtnjv3VMY4/PqLt6ifvej0CXf3E2G67+pmLsVz9jPFcrn4hUQ5XvzAppqsjCcpwdcTkQVcvJETg6gXGhK6OSRBwdUxtN1y9ZK3vunrp2H+OVJEVqe3qxLtej0BXJ4zttqtXXIzl6hXGc7k6JVEOV6dMiunqtQRluHrN5EFXZxIicHWGMaGrNyQIuHpDbTdcvWWt77p669i/jIo0Ubapc+/2ZgJ6Oqd325beMSGWo3cIzWXoggI5/FzwGKadSwHIcHPJo0Ez7wU84OU9QoRWPlAY4OQDsdswsuIs7/pYObYXybFWUf4+XkTxNlXlsbj/kyovQE+NukMNo8IYMCw1CQBpqRnbf2VVtMg73/WRS7lPNrQjg2aH88TFWek8YTxXPM8kypHPM5NiBvQiQRkJvTB5MKJXCRFk9IoxP2NhmeRG0syxhnOjON3HADlOu4zOcxC4rlNjv/EgIGdpF9B9EgLzHr3n+ad58cDk6rP0/vcj7PhBb26K6bi+Jz3gxCXuVeHKnb5bmQLI+5zDNtOo71m5AORq56iAGdWHr1wHest7lViJepLg0QsfZZope5ZC/Xc/pHobAH0wE1BWG0AxHXmLesCJjsCrwpm3hUQA2Rxw2CBvcU8BSJ/AUWHlbdlTB9oyeJVYeUskeLR7QJlm3lZSqL+RgFRvN6FPeQLK6ikopiNv6x5wor3wqnDmLZMIIDsNDhvkbdNTANJ0cFRYedv21IH2H14lVt5yCR5tRVCmmbedFOrvSiDV15roooFgchoUgugIWylHE72KT4MzansBnmxbGGQQtEM/PNLBMDRYMVP9VKDNjE+HFbJKAEf7GoxoRqwWIv0tDmRifY5uQggst9vxkq1wnyRYtPGhmNZZrysSGRvvgSgNjifm0kME0Q55VTgfmatEANkZcdjgmbn1FIA0SRwV8KEJH3rqQPslrxJn0xQGEg1064TSuw9dyOpseFUUCjXeupBV1uD91H/5rq5a/SEAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
|
|
128
|
+
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
129
|
+
.colors_color_primary\.surface__16j42310 {
|
|
130
|
+
color: var(--colors-primary-surface__g6qx2k0);
|
|
131
|
+
}
|
|
132
|
+
.colors_color_primary\.surfaceHighlight__16j42311 {
|
|
133
|
+
color: var(--colors-primary-surfaceHighlight__g6qx2k1);
|
|
134
|
+
}
|
|
135
|
+
.colors_color_primary\.interactive__16j42312 {
|
|
136
|
+
color: var(--colors-primary-interactive__g6qx2k2);
|
|
137
|
+
}
|
|
138
|
+
.colors_color_primary\.interactiveHover__16j42313 {
|
|
139
|
+
color: var(--colors-primary-interactiveHover__g6qx2k3);
|
|
140
|
+
}
|
|
141
|
+
.colors_color_primary\.interactivePressed__16j42314 {
|
|
142
|
+
color: var(--colors-primary-interactivePressed__g6qx2k4);
|
|
143
|
+
}
|
|
144
|
+
.colors_color_primary\.textLow__16j42315 {
|
|
145
|
+
color: var(--colors-primary-textLow__g6qx2k5);
|
|
146
|
+
}
|
|
147
|
+
.colors_color_primary\.textHigh__16j42316 {
|
|
148
|
+
color: var(--colors-primary-textHigh__g6qx2k6);
|
|
149
|
+
}
|
|
150
|
+
.colors_color_success\.surface__16j42317 {
|
|
151
|
+
color: var(--colors-success-surface__g6qx2k7);
|
|
152
|
+
}
|
|
153
|
+
.colors_color_success\.surfaceHighlight__16j42318 {
|
|
154
|
+
color: var(--colors-success-surfaceHighlight__g6qx2k8);
|
|
155
|
+
}
|
|
156
|
+
.colors_color_success\.interactive__16j42319 {
|
|
157
|
+
color: var(--colors-success-interactive__g6qx2k9);
|
|
158
|
+
}
|
|
159
|
+
.colors_color_success\.interactiveHover__16j4231a {
|
|
160
|
+
color: var(--colors-success-interactiveHover__g6qx2ka);
|
|
161
|
+
}
|
|
162
|
+
.colors_color_success\.interactivePressed__16j4231b {
|
|
163
|
+
color: var(--colors-success-interactivePressed__g6qx2kb);
|
|
164
|
+
}
|
|
165
|
+
.colors_color_success\.textLow__16j4231c {
|
|
166
|
+
color: var(--colors-success-textLow__g6qx2kc);
|
|
167
|
+
}
|
|
168
|
+
.colors_color_success\.textHigh__16j4231d {
|
|
169
|
+
color: var(--colors-success-textHigh__g6qx2kd);
|
|
170
|
+
}
|
|
171
|
+
.colors_color_warning\.surface__16j4231e {
|
|
172
|
+
color: var(--colors-warning-surface__g6qx2ke);
|
|
173
|
+
}
|
|
174
|
+
.colors_color_warning\.surfaceHighlight__16j4231f {
|
|
175
|
+
color: var(--colors-warning-surfaceHighlight__g6qx2kf);
|
|
176
|
+
}
|
|
177
|
+
.colors_color_warning\.interactive__16j4231g {
|
|
178
|
+
color: var(--colors-warning-interactive__g6qx2kg);
|
|
179
|
+
}
|
|
180
|
+
.colors_color_warning\.interactiveHover__16j4231h {
|
|
181
|
+
color: var(--colors-warning-interactiveHover__g6qx2kh);
|
|
182
|
+
}
|
|
183
|
+
.colors_color_warning\.interactivePressed__16j4231i {
|
|
184
|
+
color: var(--colors-warning-interactivePressed__g6qx2ki);
|
|
185
|
+
}
|
|
186
|
+
.colors_color_warning\.textLow__16j4231j {
|
|
187
|
+
color: var(--colors-warning-textLow__g6qx2kj);
|
|
188
|
+
}
|
|
189
|
+
.colors_color_warning\.textHigh__16j4231k {
|
|
190
|
+
color: var(--colors-warning-textHigh__g6qx2kk);
|
|
191
|
+
}
|
|
192
|
+
.colors_color_danger\.surface__16j4231l {
|
|
193
|
+
color: var(--colors-danger-surface__g6qx2kl);
|
|
194
|
+
}
|
|
195
|
+
.colors_color_danger\.surfaceHighlight__16j4231m {
|
|
196
|
+
color: var(--colors-danger-surfaceHighlight__g6qx2km);
|
|
197
|
+
}
|
|
198
|
+
.colors_color_danger\.interactive__16j4231n {
|
|
199
|
+
color: var(--colors-danger-interactive__g6qx2kn);
|
|
200
|
+
}
|
|
201
|
+
.colors_color_danger\.interactiveHover__16j4231o {
|
|
202
|
+
color: var(--colors-danger-interactiveHover__g6qx2ko);
|
|
203
|
+
}
|
|
204
|
+
.colors_color_danger\.interactivePressed__16j4231p {
|
|
205
|
+
color: var(--colors-danger-interactivePressed__g6qx2kp);
|
|
206
|
+
}
|
|
207
|
+
.colors_color_danger\.textLow__16j4231q {
|
|
208
|
+
color: var(--colors-danger-textLow__g6qx2kq);
|
|
209
|
+
}
|
|
210
|
+
.colors_color_danger\.textHigh__16j4231r {
|
|
211
|
+
color: var(--colors-danger-textHigh__g6qx2kr);
|
|
212
|
+
}
|
|
213
|
+
.colors_color_neutral\.background__16j4231s {
|
|
214
|
+
color: var(--colors-neutral-background__g6qx2ks);
|
|
215
|
+
}
|
|
216
|
+
.colors_color_neutral\.surface__16j4231t {
|
|
217
|
+
color: var(--colors-neutral-surface__g6qx2kt);
|
|
218
|
+
}
|
|
219
|
+
.colors_color_neutral\.surfaceDisabled__16j4231u {
|
|
220
|
+
color: var(--colors-neutral-surfaceDisabled__g6qx2ku);
|
|
221
|
+
}
|
|
222
|
+
.colors_color_neutral\.surfaceHighlight__16j4231v {
|
|
223
|
+
color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
|
|
224
|
+
}
|
|
225
|
+
.colors_color_neutral\.interactive__16j4231w {
|
|
226
|
+
color: var(--colors-neutral-interactive__g6qx2kw);
|
|
227
|
+
}
|
|
228
|
+
.colors_color_neutral\.interactiveHover__16j4231x {
|
|
229
|
+
color: var(--colors-neutral-interactiveHover__g6qx2kx);
|
|
230
|
+
}
|
|
231
|
+
.colors_color_neutral\.interactivePressed__16j4231y {
|
|
232
|
+
color: var(--colors-neutral-interactivePressed__g6qx2ky);
|
|
233
|
+
}
|
|
234
|
+
.colors_color_neutral\.textDisabled__16j4231z {
|
|
235
|
+
color: var(--colors-neutral-textDisabled__g6qx2kz);
|
|
236
|
+
}
|
|
237
|
+
.colors_color_neutral\.textLow__16j423110 {
|
|
238
|
+
color: var(--colors-neutral-textLow__g6qx2k10);
|
|
239
|
+
}
|
|
240
|
+
.colors_color_neutral\.textHigh__16j423111 {
|
|
241
|
+
color: var(--colors-neutral-textHigh__g6qx2k11);
|
|
242
|
+
}
|
|
243
|
+
.colors_backgroundColor_primary\.surface__16j423112 {
|
|
244
|
+
background-color: var(--colors-primary-surface__g6qx2k0);
|
|
245
|
+
}
|
|
246
|
+
.colors_backgroundColor_primary\.surfaceHighlight__16j423113 {
|
|
247
|
+
background-color: var(--colors-primary-surfaceHighlight__g6qx2k1);
|
|
248
|
+
}
|
|
249
|
+
.colors_backgroundColor_primary\.interactive__16j423114 {
|
|
250
|
+
background-color: var(--colors-primary-interactive__g6qx2k2);
|
|
251
|
+
}
|
|
252
|
+
.colors_backgroundColor_primary\.interactiveHover__16j423115 {
|
|
253
|
+
background-color: var(--colors-primary-interactiveHover__g6qx2k3);
|
|
254
|
+
}
|
|
255
|
+
.colors_backgroundColor_primary\.interactivePressed__16j423116 {
|
|
256
|
+
background-color: var(--colors-primary-interactivePressed__g6qx2k4);
|
|
257
|
+
}
|
|
258
|
+
.colors_backgroundColor_primary\.textLow__16j423117 {
|
|
259
|
+
background-color: var(--colors-primary-textLow__g6qx2k5);
|
|
260
|
+
}
|
|
261
|
+
.colors_backgroundColor_primary\.textHigh__16j423118 {
|
|
262
|
+
background-color: var(--colors-primary-textHigh__g6qx2k6);
|
|
263
|
+
}
|
|
264
|
+
.colors_backgroundColor_success\.surface__16j423119 {
|
|
265
|
+
background-color: var(--colors-success-surface__g6qx2k7);
|
|
266
|
+
}
|
|
267
|
+
.colors_backgroundColor_success\.surfaceHighlight__16j42311a {
|
|
268
|
+
background-color: var(--colors-success-surfaceHighlight__g6qx2k8);
|
|
269
|
+
}
|
|
270
|
+
.colors_backgroundColor_success\.interactive__16j42311b {
|
|
271
|
+
background-color: var(--colors-success-interactive__g6qx2k9);
|
|
272
|
+
}
|
|
273
|
+
.colors_backgroundColor_success\.interactiveHover__16j42311c {
|
|
274
|
+
background-color: var(--colors-success-interactiveHover__g6qx2ka);
|
|
275
|
+
}
|
|
276
|
+
.colors_backgroundColor_success\.interactivePressed__16j42311d {
|
|
277
|
+
background-color: var(--colors-success-interactivePressed__g6qx2kb);
|
|
278
|
+
}
|
|
279
|
+
.colors_backgroundColor_success\.textLow__16j42311e {
|
|
280
|
+
background-color: var(--colors-success-textLow__g6qx2kc);
|
|
281
|
+
}
|
|
282
|
+
.colors_backgroundColor_success\.textHigh__16j42311f {
|
|
283
|
+
background-color: var(--colors-success-textHigh__g6qx2kd);
|
|
284
|
+
}
|
|
285
|
+
.colors_backgroundColor_warning\.surface__16j42311g {
|
|
286
|
+
background-color: var(--colors-warning-surface__g6qx2ke);
|
|
287
|
+
}
|
|
288
|
+
.colors_backgroundColor_warning\.surfaceHighlight__16j42311h {
|
|
289
|
+
background-color: var(--colors-warning-surfaceHighlight__g6qx2kf);
|
|
290
|
+
}
|
|
291
|
+
.colors_backgroundColor_warning\.interactive__16j42311i {
|
|
292
|
+
background-color: var(--colors-warning-interactive__g6qx2kg);
|
|
293
|
+
}
|
|
294
|
+
.colors_backgroundColor_warning\.interactiveHover__16j42311j {
|
|
295
|
+
background-color: var(--colors-warning-interactiveHover__g6qx2kh);
|
|
296
|
+
}
|
|
297
|
+
.colors_backgroundColor_warning\.interactivePressed__16j42311k {
|
|
298
|
+
background-color: var(--colors-warning-interactivePressed__g6qx2ki);
|
|
299
|
+
}
|
|
300
|
+
.colors_backgroundColor_warning\.textLow__16j42311l {
|
|
301
|
+
background-color: var(--colors-warning-textLow__g6qx2kj);
|
|
302
|
+
}
|
|
303
|
+
.colors_backgroundColor_warning\.textHigh__16j42311m {
|
|
304
|
+
background-color: var(--colors-warning-textHigh__g6qx2kk);
|
|
305
|
+
}
|
|
306
|
+
.colors_backgroundColor_danger\.surface__16j42311n {
|
|
307
|
+
background-color: var(--colors-danger-surface__g6qx2kl);
|
|
308
|
+
}
|
|
309
|
+
.colors_backgroundColor_danger\.surfaceHighlight__16j42311o {
|
|
310
|
+
background-color: var(--colors-danger-surfaceHighlight__g6qx2km);
|
|
311
|
+
}
|
|
312
|
+
.colors_backgroundColor_danger\.interactive__16j42311p {
|
|
313
|
+
background-color: var(--colors-danger-interactive__g6qx2kn);
|
|
314
|
+
}
|
|
315
|
+
.colors_backgroundColor_danger\.interactiveHover__16j42311q {
|
|
316
|
+
background-color: var(--colors-danger-interactiveHover__g6qx2ko);
|
|
317
|
+
}
|
|
318
|
+
.colors_backgroundColor_danger\.interactivePressed__16j42311r {
|
|
319
|
+
background-color: var(--colors-danger-interactivePressed__g6qx2kp);
|
|
320
|
+
}
|
|
321
|
+
.colors_backgroundColor_danger\.textLow__16j42311s {
|
|
322
|
+
background-color: var(--colors-danger-textLow__g6qx2kq);
|
|
323
|
+
}
|
|
324
|
+
.colors_backgroundColor_danger\.textHigh__16j42311t {
|
|
325
|
+
background-color: var(--colors-danger-textHigh__g6qx2kr);
|
|
326
|
+
}
|
|
327
|
+
.colors_backgroundColor_neutral\.background__16j42311u {
|
|
328
|
+
background-color: var(--colors-neutral-background__g6qx2ks);
|
|
329
|
+
}
|
|
330
|
+
.colors_backgroundColor_neutral\.surface__16j42311v {
|
|
331
|
+
background-color: var(--colors-neutral-surface__g6qx2kt);
|
|
332
|
+
}
|
|
333
|
+
.colors_backgroundColor_neutral\.surfaceDisabled__16j42311w {
|
|
334
|
+
background-color: var(--colors-neutral-surfaceDisabled__g6qx2ku);
|
|
335
|
+
}
|
|
336
|
+
.colors_backgroundColor_neutral\.surfaceHighlight__16j42311x {
|
|
337
|
+
background-color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
|
|
338
|
+
}
|
|
339
|
+
.colors_backgroundColor_neutral\.interactive__16j42311y {
|
|
127
340
|
background-color: var(--colors-neutral-interactive__g6qx2kw);
|
|
128
|
-
border-color: var(--colors-neutral-interactive__g6qx2kw);
|
|
129
341
|
}
|
|
130
|
-
.
|
|
131
|
-
|
|
342
|
+
.colors_backgroundColor_neutral\.interactiveHover__16j42311z {
|
|
343
|
+
background-color: var(--colors-neutral-interactiveHover__g6qx2kx);
|
|
132
344
|
}
|
|
133
|
-
.
|
|
134
|
-
background: var(--colors-neutral-interactivePressed__g6qx2ky);
|
|
135
|
-
|
|
345
|
+
.colors_backgroundColor_neutral\.interactivePressed__16j423120 {
|
|
346
|
+
background-color: var(--colors-neutral-interactivePressed__g6qx2ky);
|
|
347
|
+
}
|
|
348
|
+
.colors_backgroundColor_neutral\.textDisabled__16j423121 {
|
|
349
|
+
background-color: var(--colors-neutral-textDisabled__g6qx2kz);
|
|
350
|
+
}
|
|
351
|
+
.colors_backgroundColor_neutral\.textLow__16j423122 {
|
|
352
|
+
background-color: var(--colors-neutral-textLow__g6qx2k10);
|
|
353
|
+
}
|
|
354
|
+
.colors_backgroundColor_neutral\.textHigh__16j423123 {
|
|
355
|
+
background-color: var(--colors-neutral-textHigh__g6qx2k11);
|
|
356
|
+
}
|
|
357
|
+
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
358
|
+
!*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/iconButton/iconButton.sprinkle.css.ts.vanilla.css","source":"#H4sIAAAAAAAAA5VUW2+DIBh976/gsX2wKV1vcy/L9jeWNFapMhU6vNRt6X/fprIPGgV8JDmXcA6HJQ05e6nKkrO3ZXERlKUZOV5pVCZeEJa0Jsdjk4o82T763Rl9zxBqAT6qAzH3vCH0w+JpdpstDeoJr4mQ8MBvj2PaGnZjlT7zsCok/OS3xzFpDbs1SCeExkl5d81MDaVDSPlB/NluoN01V3IZlNfQsV1duy5TohlU19CJQf0UhGkseMWiV55xcXfrRk0JoF74h5WWZgkxwVzL5FNJ0NVaEygmOGt5fSnpujprAqXJmYuIiKGksDbUDndnOs41zValaQlhdb02Q51p2rLK0nLB6qRtfjqzG/hzTiIaoCIUhDAUsAjNc8q8/ndYXZpFK236Ypp/zV2LHfxbALT69UXoNira7w0ItFcdnCXAQovu/fsCZtUbuL5MYHKbp5I+sLDMyVaYQpGp2Rrb7dcuneWRVN6PdwYg7NYZEN5NnQEsmtgZMOuJnQHzMqEzJYG9Y2cKBTt2hlfrjUtpWSylD+OlAWjtVhoQUlNpACMTSwPmdWJpwPyYUBqw8MGxNIUiU7v9ABIGktEPCgAA"}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
|
|
359
|
+
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
360
|
+
.iconButton\.sprinkle_width-active__xkrmh59:active {
|
|
361
|
+
width: var(--width-active__xkrmh53);
|
|
362
|
+
}
|
|
363
|
+
.iconButton\.sprinkle_width-hover__xkrmh5a:hover {
|
|
364
|
+
width: var(--width-hover__xkrmh54);
|
|
365
|
+
}
|
|
366
|
+
.iconButton\.sprinkle_width-focus__xkrmh5b:focus {
|
|
367
|
+
width: var(--width-focus__xkrmh55);
|
|
368
|
+
}
|
|
369
|
+
.iconButton\.sprinkle_height-active__xkrmh5l:active {
|
|
370
|
+
height: var(--height-active__xkrmh5f);
|
|
371
|
+
}
|
|
372
|
+
.iconButton\.sprinkle_height-hover__xkrmh5m:hover {
|
|
373
|
+
height: var(--height-hover__xkrmh5g);
|
|
374
|
+
}
|
|
375
|
+
.iconButton\.sprinkle_height-focus__xkrmh5n:focus {
|
|
376
|
+
height: var(--height-focus__xkrmh5h);
|
|
377
|
+
}
|
|
378
|
+
.iconButton\.sprinkle_backgroundColor-active__xkrmh5x:active {
|
|
379
|
+
background-color: var(--backgroundColor-active__xkrmh5r);
|
|
380
|
+
}
|
|
381
|
+
.iconButton\.sprinkle_backgroundColor-hover__xkrmh5y:hover {
|
|
382
|
+
background-color: var(--backgroundColor-hover__xkrmh5s);
|
|
383
|
+
}
|
|
384
|
+
.iconButton\.sprinkle_backgroundColor-focus__xkrmh5z:focus {
|
|
385
|
+
background-color: var(--backgroundColor-focus__xkrmh5t);
|
|
386
|
+
}
|
|
387
|
+
.iconButton\.sprinkle_borderColor-active__xkrmh519:active {
|
|
388
|
+
border-color: var(--borderColor-active__xkrmh513);
|
|
389
|
+
}
|
|
390
|
+
.iconButton\.sprinkle_borderColor-hover__xkrmh51a:hover {
|
|
391
|
+
border-color: var(--borderColor-hover__xkrmh514);
|
|
392
|
+
}
|
|
393
|
+
.iconButton\.sprinkle_borderColor-focus__xkrmh51b:focus {
|
|
394
|
+
border-color: var(--borderColor-focus__xkrmh515);
|
|
395
|
+
}
|
|
396
|
+
@media screen and (min-width: 0px) {
|
|
397
|
+
.iconButton\.sprinkle_width-xs__xkrmh56 {
|
|
398
|
+
width: var(--width-xs__xkrmh50);
|
|
399
|
+
}
|
|
400
|
+
.iconButton\.sprinkle_height-xs__xkrmh5i {
|
|
401
|
+
height: var(--height-xs__xkrmh5c);
|
|
402
|
+
}
|
|
403
|
+
.iconButton\.sprinkle_backgroundColor-xs__xkrmh5u {
|
|
404
|
+
background-color: var(--backgroundColor-xs__xkrmh5o);
|
|
405
|
+
}
|
|
406
|
+
.iconButton\.sprinkle_borderColor-xs__xkrmh516 {
|
|
407
|
+
border-color: var(--borderColor-xs__xkrmh510);
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
@media screen and (min-width: 672px) {
|
|
411
|
+
.iconButton\.sprinkle_width-md__xkrmh57 {
|
|
412
|
+
width: var(--width-md__xkrmh51);
|
|
413
|
+
}
|
|
414
|
+
.iconButton\.sprinkle_height-md__xkrmh5j {
|
|
415
|
+
height: var(--height-md__xkrmh5d);
|
|
416
|
+
}
|
|
417
|
+
.iconButton\.sprinkle_backgroundColor-md__xkrmh5v {
|
|
418
|
+
background-color: var(--backgroundColor-md__xkrmh5p);
|
|
419
|
+
}
|
|
420
|
+
.iconButton\.sprinkle_borderColor-md__xkrmh517 {
|
|
421
|
+
border-color: var(--borderColor-md__xkrmh511);
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
@media screen and (min-width: 1024px) {
|
|
425
|
+
.iconButton\.sprinkle_width-lg__xkrmh58 {
|
|
426
|
+
width: var(--width-lg__xkrmh52);
|
|
427
|
+
}
|
|
428
|
+
.iconButton\.sprinkle_height-lg__xkrmh5k {
|
|
429
|
+
height: var(--height-lg__xkrmh5e);
|
|
430
|
+
}
|
|
431
|
+
.iconButton\.sprinkle_backgroundColor-lg__xkrmh5w {
|
|
432
|
+
background-color: var(--backgroundColor-lg__xkrmh5q);
|
|
433
|
+
}
|
|
434
|
+
.iconButton\.sprinkle_borderColor-lg__xkrmh518 {
|
|
435
|
+
border-color: var(--borderColor-lg__xkrmh512);
|
|
436
|
+
}
|
|
136
437
|
}
|
|
137
438
|
|
|
138
439
|
/*# sourceMappingURL=index.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"./packages/iconButton/index.css","mappings":";;;AAAA;EACE,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,yCAAyC;EACzC,kDAAkD;EAClD,6CAA6C;EAC7C,kDAAkD;EAClD,oDAAoD;EACpD,yCAAyC;EACzC,0CAA0C;EAC1C,6CAA6C;EAC7C,0CAA0C;EAC1C,kDAAkD;EAClD,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,+CAA+C;EAC/C,2CAA2C;EAC3C,4CAA4C;EAC5C,6HAA6H;EAC7H,0CAA0C;EAC1C,wCAAwC;EACxC,yCAAyC;EACzC,mCAAmC;EACnC,qCAAqC;EACrC,sCAAsC;EACtC,uCAAuC;EACvC,mCAAmC;EACnC,uCAAuC;EACvC,mCAAmC;EACnC,kCAAkC;EAClC,gCAAgC;EAChC,6CAA6C;EAC7C,0CAA0C;EAC1C,8CAA8C;EAC9C,wCAAwC;EACxC,qCAAqC;EACrC,wCAAwC;EACxC,uCAAuC;EACvC,wCAAwC;EACxC,yCAAyC;EACzC,wFAAwF;EACxF,2FAA2F;EAC3F,4FAA4F;EAC5F,8BAA8B;EAC9B,6BAA6B;EAC7B,2BAA2B;EAC3B,6BAA6B;EAC7B,2BAA2B;EAC3B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,kCAAkC;EAClC,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;EAC5B,6BAA6B;EAC7B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,sCAAsC;EACtC,8BAA8B;EAC9B,gCAAgC;EAChC,iCAAiC;AACnC,C;;;;AAxGA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,+
|
|
1
|
+
{"version":3,"file":"./packages/iconButton/index.css","mappings":";;;AAAA;EACE,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,yCAAyC;EACzC,kDAAkD;EAClD,6CAA6C;EAC7C,kDAAkD;EAClD,oDAAoD;EACpD,yCAAyC;EACzC,0CAA0C;EAC1C,6CAA6C;EAC7C,0CAA0C;EAC1C,kDAAkD;EAClD,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,+CAA+C;EAC/C,2CAA2C;EAC3C,4CAA4C;EAC5C,6HAA6H;EAC7H,0CAA0C;EAC1C,wCAAwC;EACxC,yCAAyC;EACzC,mCAAmC;EACnC,qCAAqC;EACrC,sCAAsC;EACtC,uCAAuC;EACvC,mCAAmC;EACnC,uCAAuC;EACvC,mCAAmC;EACnC,kCAAkC;EAClC,gCAAgC;EAChC,6CAA6C;EAC7C,0CAA0C;EAC1C,8CAA8C;EAC9C,wCAAwC;EACxC,qCAAqC;EACrC,wCAAwC;EACxC,uCAAuC;EACvC,wCAAwC;EACxC,yCAAyC;EACzC,wFAAwF;EACxF,2FAA2F;EAC3F,4FAA4F;EAC5F,8BAA8B;EAC9B,6BAA6B;EAC7B,2BAA2B;EAC3B,6BAA6B;EAC7B,2BAA2B;EAC3B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,kCAAkC;EAClC,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;EAC5B,6BAA6B;EAC7B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,sCAAsC;EACtC,8BAA8B;EAC9B,gCAAgC;EAChC,iCAAiC;AACnC,C;;;;AAxGA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,mBAAmB;EACnB,sBAAsB;EACtB,mBAAmB;EACnB,uDAAuD;AACzD;AACA;EACE,mEAAmE;EACnE,+DAA+D;AACjE,C;;;;AAbA;EACE,6CAA6C;AAC/C;AACA;EACE,sDAAsD;AACxD;AACA;EACE,iDAAiD;AACnD;AACA;EACE,sDAAsD;AACxD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,8CAA8C;AAChD;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,sDAAsD;AACxD;AACA;EACE,iDAAiD;AACnD;AACA;EACE,sDAAsD;AACxD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,8CAA8C;AAChD;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,sDAAsD;AACxD;AACA;EACE,iDAAiD;AACnD;AACA;EACE,sDAAsD;AACxD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,8CAA8C;AAChD;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qDAAqD;AACvD;AACA;EACE,gDAAgD;AAClD;AACA;EACE,qDAAqD;AACvD;AACA;EACE,uDAAuD;AACzD;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,gDAAgD;AAClD;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,qDAAqD;AACvD;AACA;EACE,sDAAsD;AACxD;AACA;EACE,iDAAiD;AACnD;AACA;EACE,sDAAsD;AACxD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,kDAAkD;AACpD;AACA;EACE,8CAA8C;AAChD;AACA;EACE,+CAA+C;AACjD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,mEAAmE;AACrE;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,yDAAyD;AAC3D;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,mEAAmE;AACrE;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,yDAAyD;AAC3D;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,mEAAmE;AACrE;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,yDAAyD;AAC3D;AACA;EACE,uDAAuD;AACzD;AACA;EACE,gEAAgE;AAClE;AACA;EACE,2DAA2D;AAC7D;AACA;EACE,gEAAgE;AAClE;AACA;EACE,kEAAkE;AACpE;AACA;EACE,uDAAuD;AACzD;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,2DAA2D;AAC7D;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,gEAAgE;AAClE;AACA;EACE,iEAAiE;AACnE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,iEAAiE;AACnE;AACA;EACE,mEAAmE;AACrE;AACA;EACE,6DAA6D;AAC/D;AACA;EACE,yDAAyD;AAC3D;AACA;EACE,0DAA0D;AAC5D,C;;;;AAnOA;EACE,mCAAmC;AACrC;AACA;EACE,kCAAkC;AACpC;AACA;EACE,kCAAkC;AACpC;AACA;EACE,qCAAqC;AACvC;AACA;EACE,oCAAoC;AACtC;AACA;EACE,oCAAoC;AACtC;AACA;EACE,wDAAwD;AAC1D;AACA;EACE,uDAAuD;AACzD;AACA;EACE,uDAAuD;AACzD;AACA;EACE,iDAAiD;AACnD;AACA;EACE,gDAAgD;AAClD;AACA;EACE,gDAAgD;AAClD;AACA;EACE;IACE,+BAA+B;EACjC;EACA;IACE,iCAAiC;EACnC;EACA;IACE,oDAAoD;EACtD;EACA;IACE,6CAA6C;EAC/C;AACF;AACA;EACE;IACE,+BAA+B;EACjC;EACA;IACE,iCAAiC;EACnC;EACA;IACE,oDAAoD;EACtD;EACA;IACE,6CAA6C;EAC/C;AACF;AACA;EACE;IACE,+BAA+B;EACjC;EACA;IACE,iCAAiC;EACnC;EACA;IACE,oDAAoD;EACtD;EACA;IACE,6CAA6C;EAC/C;AACF,C","sources":["webpack://@nimbus-ds/styles/./node_modules/@vanilla-extract/webpack-plugin/extracted.js"],"sourcesContent":[":root {\n --colors-primary-surface__g6qx2k0: #deeffe;\n --colors-primary-surfaceHighlight__g6qx2k1: #7abcf7;\n --colors-primary-interactive__g6qx2k2: #006bc8;\n --colors-primary-interactiveHover__g6qx2k3: #004e93;\n --colors-primary-interactivePressed__g6qx2k4: #003e74;\n --colors-primary-textLow__g6qx2k5: #002c53;\n --colors-primary-textHigh__g6qx2k6: #000e19;\n --colors-success-surface__g6qx2k7: #defef2;\n --colors-success-surfaceHighlight__g6qx2k8: #7af7c7;\n --colors-success-interactive__g6qx2k9: #00c87b;\n --colors-success-interactiveHover__g6qx2ka: #00935b;\n --colors-success-interactivePressed__g6qx2kb: #007447;\n --colors-success-textLow__g6qx2kc: #005333;\n --colors-success-textHigh__g6qx2kd: #001910;\n --colors-warning-surface__g6qx2ke: #fef2de;\n --colors-warning-surfaceHighlight__g6qx2kf: #f7c77a;\n --colors-warning-interactive__g6qx2kg: #c87b00;\n --colors-warning-interactiveHover__g6qx2kh: #935b00;\n --colors-warning-interactivePressed__g6qx2ki: #744700;\n --colors-warning-textLow__g6qx2kj: #533300;\n --colors-warning-textHigh__g6qx2kk: #191000;\n --colors-danger-surface__g6qx2kl: #fedede;\n --colors-danger-surfaceHighlight__g6qx2km: #f77a7c;\n --colors-danger-interactive__g6qx2kn: #c80003;\n --colors-danger-interactiveHover__g6qx2ko: #930002;\n --colors-danger-interactivePressed__g6qx2kp: #740002;\n --colors-danger-textLow__g6qx2kq: #530001;\n --colors-danger-textHigh__g6qx2kr: #190000;\n --colors-neutral-background__g6qx2ks: #ffffff;\n --colors-neutral-surface__g6qx2kt: #f1f1f1;\n --colors-neutral-surfaceDisabled__g6qx2ku: #e7e8e9;\n --colors-neutral-surfaceHighlight__g6qx2kv: #cfd1d2;\n --colors-neutral-interactive__g6qx2kw: #b7babc;\n --colors-neutral-interactiveHover__g6qx2kx: #a0a3a6;\n --colors-neutral-interactivePressed__g6qx2ky: #8a8d90;\n --colors-neutral-textDisabled__g6qx2kz: #5e6163;\n --colors-neutral-textLow__g6qx2k10: #343537;\n --colors-neutral-textHigh__g6qx2k11: #0a0a0a;\n --fontFamily-centranube__g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n --fontSize-body-caption__g6qx2k13: 0.75rem;\n --fontSize-body-base__g6qx2k14: 0.875rem;\n --fontSize-body-highlight__g6qx2k15: 1rem;\n --fontSize-title-h1__g6qx2k16: 2rem;\n --fontSize-title-h2__g6qx2k17: 1.5rem;\n --fontSize-title-h3__g6qx2k18: 1.25rem;\n --fontSize-title-h4__g6qx2k19: 1.125rem;\n --fontSize-title-h5__g6qx2k1a: 1rem;\n --fontSize-title-h6__g6qx2k1b: 0.875rem;\n --fontWeight-regular__g6qx2k1c: 400;\n --fontWeight-medium__g6qx2k1d: 500;\n --fontWeight-bold__g6qx2k1e: 700;\n --lineWeight-body-caption__g6qx2k1f: 0.875rem;\n --lineWeight-body-base__g6qx2k1g: 1.125rem;\n --lineWeight-body-highlight__g6qx2k1h: 1.25rem;\n --lineWeight-title-h1__g6qx2k1i: 2.75rem;\n --lineWeight-title-h2__g6qx2k1j: 2rem;\n --lineWeight-title-h3__g6qx2k1k: 1.75rem;\n --lineWeight-title-h4__g6qx2k1l: 1.5rem;\n --lineWeight-title-h5__g6qx2k1m: 1.25rem;\n --lineWeight-title-h6__g6qx2k1n: 1.125rem;\n --shadow-card__g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n --shadow-popover__g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n --shadow-modal__g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n --spacing-1__g6qx2k1r: 0.25rem;\n --spacing-2__g6qx2k1s: 0.5rem;\n --spacing-4__g6qx2k1t: 1rem;\n --spacing-6__g6qx2k1u: 1.5rem;\n --spacing-8__g6qx2k1v: 2rem;\n --spacing-10__g6qx2k1w: 2.5rem;\n --spacing-12__g6qx2k1x: 3rem;\n --spacing-14__g6qx2k1y: 3.5rem;\n --spacing-16__g6qx2k1z: 4rem;\n --spacing-18__g6qx2k20: 4.5rem;\n --spacing-20__g6qx2k21: 5rem;\n --spacing-0\\,5__g6qx2k22: 0.125rem;\n --sizes-1__g6qx2k23: 0.25rem;\n --sizes-2__g6qx2k24: 0.5rem;\n --sizes-3__g6qx2k25: 0.75rem;\n --sizes-4__g6qx2k26: 1rem;\n --sizes-5__g6qx2k27: 1.25rem;\n --sizes-6__g6qx2k28: 1.5rem;\n --sizes-7__g6qx2k29: 1.75rem;\n --sizes-8__g6qx2k2a: 2rem;\n --sizes-9__g6qx2k2b: 2.25rem;\n --sizes-10__g6qx2k2c: 2.5rem;\n --sizes-11__g6qx2k2d: 2.75rem;\n --sizes-12__g6qx2k2e: 3rem;\n --sizes-14__g6qx2k2f: 3.5rem;\n --sizes-16__g6qx2k2g: 4rem;\n --sizes-18__g6qx2k2h: 4.5rem;\n --sizes-20__g6qx2k2i: 5rem;\n --sizes-0\\,5__g6qx2k2j: 0.125rem;\n --sizes-1\\,5__g6qx2k2k: 0.375rem;\n --sizes-2\\,5__g6qx2k2l: 0.625rem;\n --sizes-3\\,5__g6qx2k2m: 0.875rem;\n --sizes-4\\,5__g6qx2k2n: 1.125rem;\n --motion-speed-base__g6qx2k2o: 300ms;\n --motion-speed-fast__g6qx2k2p: 150ms;\n --motion-speed-slow__g6qx2k2q: 450ms;\n --motion-speed-slower__g6qx2k2r: 600ms;\n --breakpoint-xs__g6qx2k2s: 0px;\n --breakpoint-md__g6qx2k2t: 672px;\n --breakpoint-lg__g6qx2k2u: 1024px;\n}"],"names":[],"sourceRoot":""}
|
|
@@ -1,3 +1,91 @@
|
|
|
1
|
+
import * as style from "./iconButton.style.css";
|
|
1
2
|
export declare const iconButton: {
|
|
2
|
-
style:
|
|
3
|
+
style: typeof style;
|
|
4
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
|
|
5
|
+
config: {};
|
|
6
|
+
} & {
|
|
7
|
+
config: {
|
|
8
|
+
width: {
|
|
9
|
+
dynamic: {
|
|
10
|
+
default: string;
|
|
11
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
12
|
+
};
|
|
13
|
+
dynamicScale: true;
|
|
14
|
+
name: "width";
|
|
15
|
+
vars: {
|
|
16
|
+
default: string;
|
|
17
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
height: {
|
|
21
|
+
dynamic: {
|
|
22
|
+
default: string;
|
|
23
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
24
|
+
};
|
|
25
|
+
dynamicScale: true;
|
|
26
|
+
name: "height";
|
|
27
|
+
vars: {
|
|
28
|
+
default: string;
|
|
29
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
backgroundColor: {
|
|
33
|
+
dynamic: {
|
|
34
|
+
default: string;
|
|
35
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
36
|
+
};
|
|
37
|
+
dynamicScale: {
|
|
38
|
+
transparent: string;
|
|
39
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
};
|
|
43
|
+
name: "backgroundColor";
|
|
44
|
+
vars: {
|
|
45
|
+
default: string;
|
|
46
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
borderColor: {
|
|
50
|
+
dynamic: {
|
|
51
|
+
default: string;
|
|
52
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
53
|
+
};
|
|
54
|
+
dynamicScale: {
|
|
55
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
+
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
|
+
transparent: string;
|
|
58
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
+
};
|
|
61
|
+
name: "borderColor";
|
|
62
|
+
vars: {
|
|
63
|
+
default: string;
|
|
64
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
} & {
|
|
69
|
+
config: {
|
|
70
|
+
size: {
|
|
71
|
+
mappings: ("width" | "height")[];
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
}]>;
|
|
75
|
+
properties: {
|
|
76
|
+
backgroundColor: {
|
|
77
|
+
transparent: string;
|
|
78
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
81
|
+
};
|
|
82
|
+
borderColor: {
|
|
83
|
+
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
+
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
+
transparent: string;
|
|
86
|
+
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
3
90
|
};
|
|
91
|
+
export type { IconButtonSprinkle } from "./iconButton.sprinkle.types";
|