@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 CHANGED
@@ -113,7 +113,8 @@
113
113
  ._secondary_105y0_116:active {
114
114
  --button-bg: var(--secondary-color-300);
115
115
  }
116
- ._chamfer_1o5rm_1 {
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
- ._chamfer_1o5rm_1:not(._disabled_1o5rm_15):hover {
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
- ._chamfer_1o5rm_1:active,
131
- div._chamfer_1o5rm_1:focus-within {
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
- ._chamfer_1o5rm_1:not(._disabled_1o5rm_15):active,
135
- div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
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
- ._chamfer_1o5rm_1::before {
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
- ._chamferOnHover_1o5rm_60 {
172
+ ._chamferOnHover_1unae_67 {
166
173
  border: none;
167
174
  }
168
- ._chamferOnHover_1o5rm_60::before {
175
+ ._chamferOnHover_1unae_67::before {
169
176
  opacity: 0;
170
177
  }
171
178
  /* Enable effects only on hover / focus / active */
172
- ._chamferOnHover_1o5rm_60:hover,
173
- ._chamferOnHover_1o5rm_60:focus-within,
174
- ._chamferOnHover_1o5rm_60:active {
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
- ._chamferOnHover_1o5rm_60:hover::before,
178
- ._chamferOnHover_1o5rm_60:focus-within::before,
179
- ._chamferOnHover_1o5rm_60:active::before {
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
- ._hatch_owfoz_1 {
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 = "_chamfer_1o5rm_1";
2268
- const disabled$6 = "_disabled_1o5rm_15";
2269
- const chamferOnHover = "_chamferOnHover_1o5rm_60";
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 = "_hatch_owfoz_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
- ._chamfer_1o5rm_1 {
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
- ._chamfer_1o5rm_1:not(._disabled_1o5rm_15):hover {
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
- ._chamfer_1o5rm_1:active,
131
- div._chamfer_1o5rm_1:focus-within {
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
- ._chamfer_1o5rm_1:not(._disabled_1o5rm_15):active,
135
- div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
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
- ._chamfer_1o5rm_1::before {
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
- ._chamferOnHover_1o5rm_60 {
172
+ ._chamferOnHover_1unae_67 {
166
173
  border: none;
167
174
  }
168
- ._chamferOnHover_1o5rm_60::before {
175
+ ._chamferOnHover_1unae_67::before {
169
176
  opacity: 0;
170
177
  }
171
178
  /* Enable effects only on hover / focus / active */
172
- ._chamferOnHover_1o5rm_60:hover,
173
- ._chamferOnHover_1o5rm_60:focus-within,
174
- ._chamferOnHover_1o5rm_60:active {
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
- ._chamferOnHover_1o5rm_60:hover::before,
178
- ._chamferOnHover_1o5rm_60:focus-within::before,
179
- ._chamferOnHover_1o5rm_60:active::before {
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
- ._hatch_owfoz_1 {
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 = "_chamfer_1o5rm_1";
2250
- const disabled$6 = "_disabled_1o5rm_15";
2251
- const chamferOnHover = "_chamferOnHover_1o5rm_60";
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 = "_hatch_owfoz_1";
2265
+ const hatch$1 = "_hatch_rrcdt_1";
2258
2266
  const hatchStyles = {
2259
2267
  hatch: hatch$1
2260
2268
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.13",
3
+ "version": "0.1.14",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",