microboard-ui-temp 0.9.3 → 0.9.4

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.
Files changed (9) hide show
  1. package/dist/{chunk-p8sb1ebp.css → chunk-5d161m0h.css} +87 -0
  2. package/dist/{chunk-yrsgyj7d.js → chunk-tbbk28e0.js} +1 -0
  3. package/dist/example.html +2 -2
  4. package/dist/index.css +87 -0
  5. package/dist/index.html +2 -2
  6. package/dist/index.js +1 -0
  7. package/dist/spa.css +87 -0
  8. package/dist/spa.js +1 -0
  9. package/package.json +1 -1
package/dist/{chunk-p8sb1ebp.css → chunk-5d161m0h.css} RENAMED
@@ -204,6 +204,93 @@ input:-webkit-autofill:active {
204
204
  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
205
205
  }
206
206
 
207
+ button[data-variant="secondary"] {
208
+ background-color: var(--background-button-secondary);
209
+ color: var(--text-base-primary);
210
+ }
211
+
212
+ @media (hover: hover) {
213
+ button[data-variant="secondary"]:hover:not(:disabled) {
214
+ background-color: var(--background-button-secondary-hover);
215
+ color: var(--text-base-primary);
216
+ }
217
+ }
218
+
219
+ button[data-variant="secondary"]:active:not(:disabled) {
220
+ color: #924fe8;
221
+ }
222
+
223
+ button[data-variant="secondary"]:disabled {
224
+ background-color: var(--background-button-secondary);
225
+ color: var(--text-disabled);
226
+ }
227
+
228
+ button[data-variant="tertiary"] {
229
+ background-color: var(--background-button-tertiary);
230
+ color: var(--text-base-primary);
231
+ border: 1px solid var(--border-action-normal);
232
+ }
233
+
234
+ @media (hover: hover) {
235
+ button[data-variant="tertiary"]:hover:not(:disabled) {
236
+ background-color: var(--background-button-tertiary-hover);
237
+ }
238
+ }
239
+
240
+ button[data-variant="primary"] {
241
+ background-color: var(--background-button-primary);
242
+ border-color: var(--background-button-primary);
243
+ color: var(--color-button-primary);
244
+ }
245
+
246
+ @media (hover: hover) {
247
+ button[data-variant="primary"]:hover:not(:disabled) {
248
+ background-color: var(--background-button-primary-hover);
249
+ color: var(--color-button-primary);
250
+ }
251
+ }
252
+
253
+ button[data-variant="ghost"] {
254
+ color: var(--text-base-secondary);
255
+ background-color: #0000;
256
+ }
257
+
258
+ @media (hover: hover) {
259
+ button[data-variant="ghost"]:hover:not(:disabled) {
260
+ background-color: var(--background-hover-subtle);
261
+ color: var(--text-base-secondary);
262
+ }
263
+ }
264
+
265
+ button[data-variant="ghostFilled"] {
266
+ background-color: var(--background-hover-subtle);
267
+ color: var(--text-base-secondary);
268
+ }
269
+
270
+ button[data-variant="quaternary"] {
271
+ background-color: var(--background-hover-subtle);
272
+ color: var(--text-base-primary);
273
+ }
274
+
275
+ @media (hover: hover) {
276
+ button[data-variant="quaternary"]:hover:not(:disabled) {
277
+ background-color: var(--background-hover-subtle-strong);
278
+ color: var(--text-base-primary);
279
+ }
280
+ }
281
+
282
+ button[data-variant="black"] {
283
+ background-color: var(--background-button-primary);
284
+ color: var(--color-button-primary);
285
+ }
286
+
287
+ @media (hover: hover) {
288
+ button[data-variant="black"]:hover:not(:disabled) {
289
+ background-color: var(--background-button-primary-hover);
290
+ color: var(--color-button-primary);
291
+ }
292
+ }
293
+
207
294
  /* src/shared/ui-lib/Icon/Icon.module.css */
208
295
  .icon_zNwsNQ {
209
296
  max-width: 24px;
package/dist/{chunk-yrsgyj7d.js → chunk-tbbk28e0.js} RENAMED
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
341014
341014
  }, ref) => {
341015
341015
  return /* @__PURE__ */ import_react30.default.createElement("button", {
341016
341016
  id: id2,
341017
+ "data-variant": variant,
341017
341018
  className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
341018
341019
  [UiButton_module_default.topRounded]: rounded === "top",
341019
341020
  [UiButton_module_default.bottomRounded]: rounded === "bottom",
package/dist/example.html CHANGED
@@ -31,8 +31,8 @@
31
31
  rel="stylesheet"
32
32
  />
33
33
 
34
- <link rel="stylesheet" crossorigin href="/chunk-p8sb1ebp.css"><script src="/env.js"></script>
35
- <script type="module" crossorigin src="/chunk-yrsgyj7d.js"></script></head>
34
+ <link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
35
+ <script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
36
36
 
37
37
  <body
38
38
  style="
package/dist/index.css CHANGED
@@ -14643,3 +14643,90 @@ input:-webkit-autofill:active {
14643
14643
  -webkit-text-fill-color: #e8e9f0 !important;
14644
14644
  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
14645
14645
  }
14646
+
14647
+ button[data-variant="secondary"] {
14648
+ background-color: var(--background-button-secondary);
14649
+ color: var(--text-base-primary);
14650
+ }
14651
+
14652
+ @media (hover: hover) {
14653
+ button[data-variant="secondary"]:hover:not(:disabled) {
14654
+ background-color: var(--background-button-secondary-hover);
14655
+ color: var(--text-base-primary);
14656
+ }
14657
+ }
14658
+
14659
+ button[data-variant="secondary"]:active:not(:disabled) {
14660
+ color: #924fe8;
14661
+ }
14662
+
14663
+ button[data-variant="secondary"]:disabled {
14664
+ background-color: var(--background-button-secondary);
14665
+ color: var(--text-disabled);
14666
+ }
14667
+
14668
+ button[data-variant="tertiary"] {
14669
+ background-color: var(--background-button-tertiary);
14670
+ color: var(--text-base-primary);
14671
+ border: 1px solid var(--border-action-normal);
14672
+ }
14673
+
14674
+ @media (hover: hover) {
14675
+ button[data-variant="tertiary"]:hover:not(:disabled) {
14676
+ background-color: var(--background-button-tertiary-hover);
14677
+ }
14678
+ }
14679
+
14680
+ button[data-variant="primary"] {
14681
+ background-color: var(--background-button-primary);
14682
+ border-color: var(--background-button-primary);
14683
+ color: var(--color-button-primary);
14684
+ }
14685
+
14686
+ @media (hover: hover) {
14687
+ button[data-variant="primary"]:hover:not(:disabled) {
14688
+ background-color: var(--background-button-primary-hover);
14689
+ color: var(--color-button-primary);
14690
+ }
14691
+ }
14692
+
14693
+ button[data-variant="ghost"] {
14694
+ color: var(--text-base-secondary);
14695
+ background-color: #0000;
14696
+ }
14697
+
14698
+ @media (hover: hover) {
14699
+ button[data-variant="ghost"]:hover:not(:disabled) {
14700
+ background-color: var(--background-hover-subtle);
14701
+ color: var(--text-base-secondary);
14702
+ }
14703
+ }
14704
+
14705
+ button[data-variant="ghostFilled"] {
14706
+ background-color: var(--background-hover-subtle);
14707
+ color: var(--text-base-secondary);
14708
+ }
14709
+
14710
+ button[data-variant="quaternary"] {
14711
+ background-color: var(--background-hover-subtle);
14712
+ color: var(--text-base-primary);
14713
+ }
14714
+
14715
+ @media (hover: hover) {
14716
+ button[data-variant="quaternary"]:hover:not(:disabled) {
14717
+ background-color: var(--background-hover-subtle-strong);
14718
+ color: var(--text-base-primary);
14719
+ }
14720
+ }
14721
+
14722
+ button[data-variant="black"] {
14723
+ background-color: var(--background-button-primary);
14724
+ color: var(--color-button-primary);
14725
+ }
14726
+
14727
+ @media (hover: hover) {
14728
+ button[data-variant="black"]:hover:not(:disabled) {
14729
+ background-color: var(--background-button-primary-hover);
14730
+ color: var(--color-button-primary);
14731
+ }
14732
+ }
package/dist/index.html CHANGED
@@ -31,8 +31,8 @@
31
31
  rel="stylesheet"
32
32
  />
33
33
 
34
- <link rel="stylesheet" crossorigin href="/chunk-p8sb1ebp.css"><script src="/env.js"></script>
35
- <script type="module" crossorigin src="/chunk-yrsgyj7d.js"></script></head>
34
+ <link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
35
+ <script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
36
36
 
37
37
  <body
38
38
  style="
package/dist/index.js CHANGED
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
341014
341014
  }, ref) => {
341015
341015
  return /* @__PURE__ */ import_react30.default.createElement("button", {
341016
341016
  id: id2,
341017
+ "data-variant": variant,
341017
341018
  className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
341018
341019
  [UiButton_module_default.topRounded]: rounded === "top",
341019
341020
  [UiButton_module_default.bottomRounded]: rounded === "bottom",
package/dist/spa.css CHANGED
@@ -14643,3 +14643,90 @@ input:-webkit-autofill:active {
14643
14643
  -webkit-text-fill-color: #e8e9f0 !important;
14644
14644
  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
14645
14645
  }
14646
+
14647
+ button[data-variant="secondary"] {
14648
+ background-color: var(--background-button-secondary);
14649
+ color: var(--text-base-primary);
14650
+ }
14651
+
14652
+ @media (hover: hover) {
14653
+ button[data-variant="secondary"]:hover:not(:disabled) {
14654
+ background-color: var(--background-button-secondary-hover);
14655
+ color: var(--text-base-primary);
14656
+ }
14657
+ }
14658
+
14659
+ button[data-variant="secondary"]:active:not(:disabled) {
14660
+ color: #924fe8;
14661
+ }
14662
+
14663
+ button[data-variant="secondary"]:disabled {
14664
+ background-color: var(--background-button-secondary);
14665
+ color: var(--text-disabled);
14666
+ }
14667
+
14668
+ button[data-variant="tertiary"] {
14669
+ background-color: var(--background-button-tertiary);
14670
+ color: var(--text-base-primary);
14671
+ border: 1px solid var(--border-action-normal);
14672
+ }
14673
+
14674
+ @media (hover: hover) {
14675
+ button[data-variant="tertiary"]:hover:not(:disabled) {
14676
+ background-color: var(--background-button-tertiary-hover);
14677
+ }
14678
+ }
14679
+
14680
+ button[data-variant="primary"] {
14681
+ background-color: var(--background-button-primary);
14682
+ border-color: var(--background-button-primary);
14683
+ color: var(--color-button-primary);
14684
+ }
14685
+
14686
+ @media (hover: hover) {
14687
+ button[data-variant="primary"]:hover:not(:disabled) {
14688
+ background-color: var(--background-button-primary-hover);
14689
+ color: var(--color-button-primary);
14690
+ }
14691
+ }
14692
+
14693
+ button[data-variant="ghost"] {
14694
+ color: var(--text-base-secondary);
14695
+ background-color: #0000;
14696
+ }
14697
+
14698
+ @media (hover: hover) {
14699
+ button[data-variant="ghost"]:hover:not(:disabled) {
14700
+ background-color: var(--background-hover-subtle);
14701
+ color: var(--text-base-secondary);
14702
+ }
14703
+ }
14704
+
14705
+ button[data-variant="ghostFilled"] {
14706
+ background-color: var(--background-hover-subtle);
14707
+ color: var(--text-base-secondary);
14708
+ }
14709
+
14710
+ button[data-variant="quaternary"] {
14711
+ background-color: var(--background-hover-subtle);
14712
+ color: var(--text-base-primary);
14713
+ }
14714
+
14715
+ @media (hover: hover) {
14716
+ button[data-variant="quaternary"]:hover:not(:disabled) {
14717
+ background-color: var(--background-hover-subtle-strong);
14718
+ color: var(--text-base-primary);
14719
+ }
14720
+ }
14721
+
14722
+ button[data-variant="black"] {
14723
+ background-color: var(--background-button-primary);
14724
+ color: var(--color-button-primary);
14725
+ }
14726
+
14727
+ @media (hover: hover) {
14728
+ button[data-variant="black"]:hover:not(:disabled) {
14729
+ background-color: var(--background-button-primary-hover);
14730
+ color: var(--color-button-primary);
14731
+ }
14732
+ }
package/dist/spa.js CHANGED
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
341014
341014
  }, ref) => {
341015
341015
  return /* @__PURE__ */ import_react30.default.createElement("button", {
341016
341016
  id: id2,
341017
+ "data-variant": variant,
341017
341018
  className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
341018
341019
  [UiButton_module_default.topRounded]: rounded === "top",
341019
341020
  [UiButton_module_default.bottomRounded]: rounded === "bottom",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "microboard-ui-temp",
3
- "version": "0.9.3",
3
+ "version": "0.9.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "type": "module",