@jackcrane/ui 0.1.13 → 0.1.14
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/jcui.cjs.js +28 -20
- package/dist/jcui.es.js +28 -20
- package/package.json +1 -1
package/dist/jcui.cjs.js
CHANGED
|
@@ -113,7 +113,8 @@
|
|
|
113
113
|
._secondary_105y0_116:active {
|
|
114
114
|
--button-bg: var(--secondary-color-300);
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
._chamfer_1unae_1,
|
|
117
|
+
.jcui_chamfer {
|
|
117
118
|
--bt: var(--border-thickness);
|
|
118
119
|
--cd: var(--chamfer-distance);
|
|
119
120
|
--chamfer-color: var(--border-accent-color);
|
|
@@ -124,18 +125,24 @@
|
|
|
124
125
|
--cd 180ms ease,
|
|
125
126
|
background-color 180ms ease;
|
|
126
127
|
}
|
|
127
|
-
.
|
|
128
|
+
._chamfer_1unae_1:not(._disabled_1unae_16):hover,
|
|
129
|
+
.jcui_chamfer:not(.jcui_disabled):hover {
|
|
128
130
|
--cd: calc(var(--chamfer-distance) * 1.5);
|
|
129
131
|
}
|
|
130
|
-
.
|
|
131
|
-
div.
|
|
132
|
+
._chamfer_1unae_1:active,
|
|
133
|
+
div._chamfer_1unae_1:focus-within,
|
|
134
|
+
.jcui_chamfer:active,
|
|
135
|
+
div.jcui_chamfer:focus-within {
|
|
132
136
|
--cd: calc(var(--chamfer-distance) * 1.75);
|
|
133
137
|
}
|
|
134
|
-
.
|
|
135
|
-
div.
|
|
138
|
+
._chamfer_1unae_1:not(._disabled_1unae_16):active,
|
|
139
|
+
div._chamfer_1unae_1:not(._disabled_1unae_16):focus-within,
|
|
140
|
+
.jcui_chamfer:not(.jcui_disabled):active,
|
|
141
|
+
div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
136
142
|
--cd: calc(var(--chamfer-distance) * 1.75);
|
|
137
143
|
}
|
|
138
|
-
.
|
|
144
|
+
._chamfer_1unae_1::before,
|
|
145
|
+
.jcui_chamfer::before {
|
|
139
146
|
content: "";
|
|
140
147
|
position: absolute;
|
|
141
148
|
inset: 0;
|
|
@@ -162,24 +169,25 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
|
|
|
162
169
|
/* ========================= */
|
|
163
170
|
/* Hover-only variant */
|
|
164
171
|
/* ========================= */
|
|
165
|
-
.
|
|
172
|
+
._chamferOnHover_1unae_67 {
|
|
166
173
|
border: none;
|
|
167
174
|
}
|
|
168
|
-
.
|
|
175
|
+
._chamferOnHover_1unae_67::before {
|
|
169
176
|
opacity: 0;
|
|
170
177
|
}
|
|
171
178
|
/* Enable effects only on hover / focus / active */
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
179
|
+
._chamferOnHover_1unae_67:hover,
|
|
180
|
+
._chamferOnHover_1unae_67:focus-within,
|
|
181
|
+
._chamferOnHover_1unae_67:active {
|
|
175
182
|
border: var(--bt) solid var(--border-color);
|
|
176
183
|
}
|
|
177
|
-
.
|
|
178
|
-
.
|
|
179
|
-
.
|
|
184
|
+
._chamferOnHover_1unae_67:hover::before,
|
|
185
|
+
._chamferOnHover_1unae_67:focus-within::before,
|
|
186
|
+
._chamferOnHover_1unae_67:active::before {
|
|
180
187
|
opacity: 1;
|
|
181
188
|
}
|
|
182
|
-
.
|
|
189
|
+
._hatch_rrcdt_1,
|
|
190
|
+
.jcui_hatch {
|
|
183
191
|
--bc: var(--border-color);
|
|
184
192
|
--bg: transparent;
|
|
185
193
|
--stripe: var(--border-thickness);
|
|
@@ -2264,15 +2272,15 @@ const styles$c = {
|
|
|
2264
2272
|
info: info$9,
|
|
2265
2273
|
secondary: secondary$9
|
|
2266
2274
|
};
|
|
2267
|
-
const chamfer$1 = "
|
|
2268
|
-
const disabled$6 = "
|
|
2269
|
-
const chamferOnHover = "
|
|
2275
|
+
const chamfer$1 = "_chamfer_1unae_1";
|
|
2276
|
+
const disabled$6 = "_disabled_1unae_16";
|
|
2277
|
+
const chamferOnHover = "_chamferOnHover_1unae_67";
|
|
2270
2278
|
const chamferStyles = {
|
|
2271
2279
|
chamfer: chamfer$1,
|
|
2272
2280
|
disabled: disabled$6,
|
|
2273
2281
|
chamferOnHover
|
|
2274
2282
|
};
|
|
2275
|
-
const hatch$1 = "
|
|
2283
|
+
const hatch$1 = "_hatch_rrcdt_1";
|
|
2276
2284
|
const hatchStyles = {
|
|
2277
2285
|
hatch: hatch$1
|
|
2278
2286
|
};
|
package/dist/jcui.es.js
CHANGED
|
@@ -113,7 +113,8 @@
|
|
|
113
113
|
._secondary_105y0_116:active {
|
|
114
114
|
--button-bg: var(--secondary-color-300);
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
._chamfer_1unae_1,
|
|
117
|
+
.jcui_chamfer {
|
|
117
118
|
--bt: var(--border-thickness);
|
|
118
119
|
--cd: var(--chamfer-distance);
|
|
119
120
|
--chamfer-color: var(--border-accent-color);
|
|
@@ -124,18 +125,24 @@
|
|
|
124
125
|
--cd 180ms ease,
|
|
125
126
|
background-color 180ms ease;
|
|
126
127
|
}
|
|
127
|
-
.
|
|
128
|
+
._chamfer_1unae_1:not(._disabled_1unae_16):hover,
|
|
129
|
+
.jcui_chamfer:not(.jcui_disabled):hover {
|
|
128
130
|
--cd: calc(var(--chamfer-distance) * 1.5);
|
|
129
131
|
}
|
|
130
|
-
.
|
|
131
|
-
div.
|
|
132
|
+
._chamfer_1unae_1:active,
|
|
133
|
+
div._chamfer_1unae_1:focus-within,
|
|
134
|
+
.jcui_chamfer:active,
|
|
135
|
+
div.jcui_chamfer:focus-within {
|
|
132
136
|
--cd: calc(var(--chamfer-distance) * 1.75);
|
|
133
137
|
}
|
|
134
|
-
.
|
|
135
|
-
div.
|
|
138
|
+
._chamfer_1unae_1:not(._disabled_1unae_16):active,
|
|
139
|
+
div._chamfer_1unae_1:not(._disabled_1unae_16):focus-within,
|
|
140
|
+
.jcui_chamfer:not(.jcui_disabled):active,
|
|
141
|
+
div.jcui_chamfer:not(.jcui_disabled):focus-within {
|
|
136
142
|
--cd: calc(var(--chamfer-distance) * 1.75);
|
|
137
143
|
}
|
|
138
|
-
.
|
|
144
|
+
._chamfer_1unae_1::before,
|
|
145
|
+
.jcui_chamfer::before {
|
|
139
146
|
content: "";
|
|
140
147
|
position: absolute;
|
|
141
148
|
inset: 0;
|
|
@@ -162,24 +169,25 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
|
|
|
162
169
|
/* ========================= */
|
|
163
170
|
/* Hover-only variant */
|
|
164
171
|
/* ========================= */
|
|
165
|
-
.
|
|
172
|
+
._chamferOnHover_1unae_67 {
|
|
166
173
|
border: none;
|
|
167
174
|
}
|
|
168
|
-
.
|
|
175
|
+
._chamferOnHover_1unae_67::before {
|
|
169
176
|
opacity: 0;
|
|
170
177
|
}
|
|
171
178
|
/* Enable effects only on hover / focus / active */
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
179
|
+
._chamferOnHover_1unae_67:hover,
|
|
180
|
+
._chamferOnHover_1unae_67:focus-within,
|
|
181
|
+
._chamferOnHover_1unae_67:active {
|
|
175
182
|
border: var(--bt) solid var(--border-color);
|
|
176
183
|
}
|
|
177
|
-
.
|
|
178
|
-
.
|
|
179
|
-
.
|
|
184
|
+
._chamferOnHover_1unae_67:hover::before,
|
|
185
|
+
._chamferOnHover_1unae_67:focus-within::before,
|
|
186
|
+
._chamferOnHover_1unae_67:active::before {
|
|
180
187
|
opacity: 1;
|
|
181
188
|
}
|
|
182
|
-
.
|
|
189
|
+
._hatch_rrcdt_1,
|
|
190
|
+
.jcui_hatch {
|
|
183
191
|
--bc: var(--border-color);
|
|
184
192
|
--bg: transparent;
|
|
185
193
|
--stripe: var(--border-thickness);
|
|
@@ -2246,15 +2254,15 @@ const styles$c = {
|
|
|
2246
2254
|
info: info$9,
|
|
2247
2255
|
secondary: secondary$9
|
|
2248
2256
|
};
|
|
2249
|
-
const chamfer$1 = "
|
|
2250
|
-
const disabled$6 = "
|
|
2251
|
-
const chamferOnHover = "
|
|
2257
|
+
const chamfer$1 = "_chamfer_1unae_1";
|
|
2258
|
+
const disabled$6 = "_disabled_1unae_16";
|
|
2259
|
+
const chamferOnHover = "_chamferOnHover_1unae_67";
|
|
2252
2260
|
const chamferStyles = {
|
|
2253
2261
|
chamfer: chamfer$1,
|
|
2254
2262
|
disabled: disabled$6,
|
|
2255
2263
|
chamferOnHover
|
|
2256
2264
|
};
|
|
2257
|
-
const hatch$1 = "
|
|
2265
|
+
const hatch$1 = "_hatch_rrcdt_1";
|
|
2258
2266
|
const hatchStyles = {
|
|
2259
2267
|
hatch: hatch$1
|
|
2260
2268
|
};
|