@progress/kendo-themes-html 6.4.1-dev.1 → 6.5.0-dev.1

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 (85) hide show
  1. package/dist/cjs/breadcrumb/breadcrumb.spec.js +46 -2
  2. package/dist/cjs/breadcrumb/tests/breadcrumb-adaptive.js +4450 -0
  3. package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +12 -14
  4. package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +4468 -0
  5. package/dist/cjs/breadcrumb/tests/breadcrumb.js +12 -14
  6. package/dist/cjs/button/tests/button-clear.js +5 -77
  7. package/dist/cjs/button/tests/button-flat.js +5 -77
  8. package/dist/cjs/button/tests/button-link.js +5 -77
  9. package/dist/cjs/button/tests/button-outline.js +5 -77
  10. package/dist/cjs/button/tests/button-rtl.js +39 -36
  11. package/dist/cjs/button/tests/button-size.js +8 -80
  12. package/dist/cjs/button/tests/button-solid.js +5 -77
  13. package/dist/cjs/button/tests/button.js +39 -36
  14. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +9 -2
  15. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +9 -2
  16. package/dist/cjs/filemanager/tests/filemanager-gridview.js +9 -2
  17. package/dist/cjs/filemanager/tests/filemanager-listview.js +9 -2
  18. package/dist/cjs/filemanager/tests/filemanager-preview.js +9 -2
  19. package/dist/cjs/gantt/tests/gantt-react.js +47 -47
  20. package/dist/cjs/gantt/tests/gantt-row-reordering.js +58 -58
  21. package/dist/cjs/gantt/tests/gantt.js +59 -59
  22. package/dist/cjs/index.js +9 -2
  23. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +20 -20
  24. package/dist/cjs/treelist/tests/treelist-aggregates.js +34 -34
  25. package/dist/cjs/treelist/tests/treelist-react.js +15 -15
  26. package/dist/cjs/treelist/tests/treelist-row-reordering.js +15 -15
  27. package/dist/cjs/treelist/tests/treelist.js +16 -16
  28. package/dist/esm/breadcrumb/breadcrumb.spec.js +46 -2
  29. package/dist/esm/breadcrumb/tests/breadcrumb-adaptive.js +4434 -0
  30. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +12 -14
  31. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +4452 -0
  32. package/dist/esm/breadcrumb/tests/breadcrumb.js +12 -14
  33. package/dist/esm/button/tests/button-clear.js +5 -77
  34. package/dist/esm/button/tests/button-flat.js +5 -77
  35. package/dist/esm/button/tests/button-link.js +5 -77
  36. package/dist/esm/button/tests/button-outline.js +5 -77
  37. package/dist/esm/button/tests/button-rtl.js +39 -36
  38. package/dist/esm/button/tests/button-size.js +8 -80
  39. package/dist/esm/button/tests/button-solid.js +5 -77
  40. package/dist/esm/button/tests/button.js +39 -36
  41. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +9 -2
  42. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +9 -2
  43. package/dist/esm/filemanager/tests/filemanager-gridview.js +9 -2
  44. package/dist/esm/filemanager/tests/filemanager-listview.js +9 -2
  45. package/dist/esm/filemanager/tests/filemanager-preview.js +9 -2
  46. package/dist/esm/gantt/tests/gantt-react.js +47 -47
  47. package/dist/esm/gantt/tests/gantt-row-reordering.js +58 -58
  48. package/dist/esm/gantt/tests/gantt.js +59 -59
  49. package/dist/esm/index.js +9 -2
  50. package/dist/esm/treelist/tests/treelist-aggregate-react.js +20 -20
  51. package/dist/esm/treelist/tests/treelist-aggregates.js +34 -34
  52. package/dist/esm/treelist/tests/treelist-react.js +15 -15
  53. package/dist/esm/treelist/tests/treelist-row-reordering.js +15 -15
  54. package/dist/esm/treelist/tests/treelist.js +16 -16
  55. package/dist/types/breadcrumb/breadcrumb.spec.d.ts +8 -1
  56. package/dist/types/breadcrumb/tests/breadcrumb-adaptive.d.ts +2 -0
  57. package/dist/types/breadcrumb/tests/breadcrumb-size.d.ts +2 -0
  58. package/dist/types/button/templates/icon-button.d.ts +1 -2
  59. package/dist/types/button/templates/icon-text-button.d.ts +1 -2
  60. package/dist/types/button/templates/text-button.d.ts +1 -2
  61. package/package.json +2 -2
  62. package/src/breadcrumb/breadcrumb.spec.tsx +11 -3
  63. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +82 -0
  64. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +0 -3
  65. package/src/breadcrumb/tests/breadcrumb-size.tsx +91 -0
  66. package/src/breadcrumb/tests/breadcrumb.tsx +0 -3
  67. package/src/button/templates/icon-button.tsx +2 -2
  68. package/src/button/templates/icon-text-button.tsx +2 -2
  69. package/src/button/templates/text-button.tsx +2 -2
  70. package/src/button/tests/button-clear.tsx +13 -92
  71. package/src/button/tests/button-flat.tsx +13 -92
  72. package/src/button/tests/button-link.tsx +13 -92
  73. package/src/button/tests/button-outline.tsx +13 -92
  74. package/src/button/tests/button-rtl.tsx +37 -38
  75. package/src/button/tests/button-size.tsx +13 -86
  76. package/src/button/tests/button-solid.tsx +13 -91
  77. package/src/button/tests/button.tsx +37 -40
  78. package/src/gantt/tests/gantt-react.tsx +54 -46
  79. package/src/gantt/tests/gantt-row-reordering.tsx +23 -23
  80. package/src/gantt/tests/gantt.tsx +45 -23
  81. package/src/treelist/tests/treelist-aggregate-react.tsx +31 -10
  82. package/src/treelist/tests/treelist-aggregates.tsx +41 -20
  83. package/src/treelist/tests/treelist-react.tsx +15 -15
  84. package/src/treelist/tests/treelist-row-reordering.tsx +5 -5
  85. package/src/treelist/tests/treelist.tsx +32 -6
package/dist/cjs/breadcrumb/tests/breadcrumb.js CHANGED
@@ -4635,12 +4635,16 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
4635
4635
  var states12 = [
4636
4636
  States.focus
4637
4637
  ];
4638
- var options11 = {};
4638
+ var options11 = {
4639
+ size: [Size.small, Size.medium, Size.large]
4640
+ };
4639
4641
  var defaultProps9 = {
4640
- collapsing: "auto"
4642
+ collapsing: "auto",
4643
+ size: Size.medium
4641
4644
  };
4642
4645
  var Breadcrumb = (props) => {
4643
4646
  const {
4647
+ size = defaultProps9.size,
4644
4648
  collapsing = defaultProps9.collapsing,
4645
4649
  focus,
4646
4650
  ...other
@@ -4655,6 +4659,9 @@ var Breadcrumb = (props) => {
4655
4659
  stateClassNames(BREADCRUMB_CLASSNAME, {
4656
4660
  focus
4657
4661
  }),
4662
+ optionClassNames(BREADCRUMB_CLASSNAME, {
4663
+ size
4664
+ }),
4658
4665
  {
4659
4666
  "k-breadcrumb-wrap": collapsing === "wrap"
4660
4667
  }
@@ -4852,10 +4859,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
4852
4859
  ] }),
4853
4860
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4854
4861
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
4855
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
4856
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
4857
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
4858
- ] })
4862
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
4859
4863
  ] }),
4860
4864
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4861
4865
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
@@ -4886,10 +4890,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
4886
4890
  ] }),
4887
4891
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4888
4892
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
4889
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
4890
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
4891
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
4892
- ] })
4893
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
4893
4894
  ] }),
4894
4895
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4895
4896
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
@@ -4920,10 +4921,7 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
4920
4921
  ] }),
4921
4922
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4922
4923
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
4923
- /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
4924
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
4925
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
4926
- ] })
4924
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
4927
4925
  ] }),
4928
4926
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
4929
4927
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
package/dist/cjs/button/tests/button-clear.js CHANGED
@@ -4341,6 +4341,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
4341
4341
 
4342
4342
  // src/button/templates/text-button.tsx
4343
4343
  var import_jsx_runtime7 = require("react/jsx-runtime");
4344
+ var TextButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Button", ...props });
4344
4345
 
4345
4346
  // src/button/tests/button-clear.tsx
4346
4347
  var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -4359,82 +4360,9 @@ var button_clear_default = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(i
4359
4360
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Active" }),
4360
4361
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Selected" }),
4361
4362
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Disabled" }),
4362
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "base" }),
4363
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", children: "Normal" }) }),
4364
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", hover: true, children: "Hover" }) }),
4365
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", focus: true, children: "Focus" }) }),
4366
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", active: true, children: "Active" }) }),
4367
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", selected: true, children: "Selected" }) }),
4368
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", disabled: true, children: "Disabled" }) }),
4369
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "primary" }),
4370
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Normal" }) }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", hover: true, children: "Hover" }) }),
4372
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", focus: true, children: "Focus" }) }),
4373
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", active: true, children: "Active" }) }),
4374
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", selected: true, children: "Selected" }) }),
4375
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "primary", disabled: true, children: "Disabled" }) }),
4376
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "secondary" }),
4377
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", children: "Normal" }) }),
4378
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", hover: true, children: "Hover" }) }),
4379
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", focus: true, children: "Focus" }) }),
4380
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", active: true, children: "Active" }) }),
4381
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", selected: true, children: "Selected" }) }),
4382
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4383
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "tertiary" }),
4384
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", children: "Normal" }) }),
4385
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", hover: true, children: "Hover" }) }),
4386
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", focus: true, children: "Focus" }) }),
4387
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", active: true, children: "Active" }) }),
4388
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", selected: true, children: "Selected" }) }),
4389
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4390
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "info" }),
4391
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", children: "Normal" }) }),
4392
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", hover: true, children: "Hover" }) }),
4393
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", focus: true, children: "Focus" }) }),
4394
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", active: true, children: "Active" }) }),
4395
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", selected: true, children: "Selected" }) }),
4396
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "info", disabled: true, children: "Disabled" }) }),
4397
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "success" }),
4398
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", children: "Normal" }) }),
4399
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", hover: true, children: "Hover" }) }),
4400
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", focus: true, children: "Focus" }) }),
4401
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", active: true, children: "Active" }) }),
4402
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", selected: true, children: "Selected" }) }),
4403
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "success", disabled: true, children: "Disabled" }) }),
4404
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "warning" }),
4405
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", children: "Normal" }) }),
4406
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", hover: true, children: "Hover" }) }),
4407
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", focus: true, children: "Focus" }) }),
4408
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", active: true, children: "Active" }) }),
4409
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", selected: true, children: "Selected" }) }),
4410
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "warning", disabled: true, children: "Disabled" }) }),
4411
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "error" }),
4412
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", children: "Normal" }) }),
4413
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", hover: true, children: "Hover" }) }),
4414
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", focus: true, children: "Focus" }) }),
4415
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", active: true, children: "Active" }) }),
4416
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", selected: true, children: "Selected" }) }),
4417
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "error", disabled: true, children: "Disabled" }) }),
4418
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "dark" }),
4419
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", children: "Normal" }) }),
4420
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", hover: true, children: "Hover" }) }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", focus: true, children: "Focus" }) }),
4422
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", active: true, children: "Active" }) }),
4423
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", selected: true, children: "Selected" }) }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "dark", disabled: true, children: "Disabled" }) }),
4425
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "light" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", children: "Normal" }) }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", hover: true, children: "Hover" }) }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", focus: true, children: "Focus" }) }),
4429
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", active: true, children: "Active" }) }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", selected: true, children: "Selected" }) }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "light", disabled: true, children: "Disabled" }) }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "inverse" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", children: "Normal" }) }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", hover: true, children: "Hover" }) }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", focus: true, children: "Focus" }) }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", active: true, children: "Active" }) }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", selected: true, children: "Selected" }) }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "clear", themeColor: "inverse", disabled: true, children: "Disabled" }) })
4363
+ [...Button.options.themeColor].map((themeColor) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
4364
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: themeColor }),
4365
+ ["normal", ...Button.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextButton, { fillMode: "clear", themeColor, ...{ [state]: true }, children: state }) }) }))
4366
+ ] }))
4439
4367
  ] })
4440
4368
  ] });
package/dist/cjs/button/tests/button-flat.js CHANGED
@@ -4341,6 +4341,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
4341
4341
 
4342
4342
  // src/button/templates/text-button.tsx
4343
4343
  var import_jsx_runtime7 = require("react/jsx-runtime");
4344
+ var TextButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Button", ...props });
4344
4345
 
4345
4346
  // src/button/tests/button-flat.tsx
4346
4347
  var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -4359,82 +4360,9 @@ var button_flat_default = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(im
4359
4360
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Active" }),
4360
4361
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Selected" }),
4361
4362
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Disabled" }),
4362
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "base" }),
4363
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", children: "Normal" }) }),
4364
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", hover: true, children: "Hover" }) }),
4365
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", focus: true, children: "Focus" }) }),
4366
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", active: true, children: "Active" }) }),
4367
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", selected: true, children: "Selected" }) }),
4368
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", disabled: true, children: "Disabled" }) }),
4369
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "primary" }),
4370
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Normal" }) }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", hover: true, children: "Hover" }) }),
4372
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", focus: true, children: "Focus" }) }),
4373
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", active: true, children: "Active" }) }),
4374
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", selected: true, children: "Selected" }) }),
4375
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "primary", disabled: true, children: "Disabled" }) }),
4376
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "secondary" }),
4377
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", children: "Normal" }) }),
4378
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", hover: true, children: "Hover" }) }),
4379
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", focus: true, children: "Focus" }) }),
4380
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", active: true, children: "Active" }) }),
4381
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", selected: true, children: "Selected" }) }),
4382
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4383
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "tertiary" }),
4384
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", children: "Normal" }) }),
4385
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", hover: true, children: "Hover" }) }),
4386
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", focus: true, children: "Focus" }) }),
4387
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", active: true, children: "Active" }) }),
4388
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", selected: true, children: "Selected" }) }),
4389
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4390
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "info" }),
4391
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", children: "Normal" }) }),
4392
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", hover: true, children: "Hover" }) }),
4393
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", focus: true, children: "Focus" }) }),
4394
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", active: true, children: "Active" }) }),
4395
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", selected: true, children: "Selected" }) }),
4396
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "info", disabled: true, children: "Disabled" }) }),
4397
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "success" }),
4398
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", children: "Normal" }) }),
4399
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", hover: true, children: "Hover" }) }),
4400
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", focus: true, children: "Focus" }) }),
4401
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", active: true, children: "Active" }) }),
4402
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", selected: true, children: "Selected" }) }),
4403
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "success", disabled: true, children: "Disabled" }) }),
4404
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "warning" }),
4405
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", children: "Normal" }) }),
4406
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", hover: true, children: "Hover" }) }),
4407
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", focus: true, children: "Focus" }) }),
4408
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", active: true, children: "Active" }) }),
4409
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", selected: true, children: "Selected" }) }),
4410
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "warning", disabled: true, children: "Disabled" }) }),
4411
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "error" }),
4412
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", children: "Normal" }) }),
4413
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", hover: true, children: "Hover" }) }),
4414
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", focus: true, children: "Focus" }) }),
4415
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", active: true, children: "Active" }) }),
4416
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", selected: true, children: "Selected" }) }),
4417
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "error", disabled: true, children: "Disabled" }) }),
4418
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "dark" }),
4419
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", children: "Normal" }) }),
4420
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", hover: true, children: "Hover" }) }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", focus: true, children: "Focus" }) }),
4422
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", active: true, children: "Active" }) }),
4423
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", selected: true, children: "Selected" }) }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "dark", disabled: true, children: "Disabled" }) }),
4425
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "light" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", children: "Normal" }) }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", hover: true, children: "Hover" }) }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", focus: true, children: "Focus" }) }),
4429
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", active: true, children: "Active" }) }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", selected: true, children: "Selected" }) }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "light", disabled: true, children: "Disabled" }) }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "inverse" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", children: "Normal" }) }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", hover: true, children: "Hover" }) }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", focus: true, children: "Focus" }) }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", active: true, children: "Active" }) }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", selected: true, children: "Selected" }) }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "flat", themeColor: "inverse", disabled: true, children: "Disabled" }) })
4363
+ [...Button.options.themeColor].map((themeColor) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
4364
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: themeColor }),
4365
+ ["normal", ...Button.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextButton, { fillMode: "flat", themeColor, ...{ [state]: true }, children: state }) }) }))
4366
+ ] }))
4439
4367
  ] })
4440
4368
  ] });
package/dist/cjs/button/tests/button-link.js CHANGED
@@ -4341,6 +4341,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
4341
4341
 
4342
4342
  // src/button/templates/text-button.tsx
4343
4343
  var import_jsx_runtime7 = require("react/jsx-runtime");
4344
+ var TextButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Button", ...props });
4344
4345
 
4345
4346
  // src/button/tests/button-link.tsx
4346
4347
  var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -4359,82 +4360,9 @@ var button_link_default = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(im
4359
4360
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Active" }),
4360
4361
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Selected" }),
4361
4362
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Disabled" }),
4362
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "base" }),
4363
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", children: "Normal" }) }),
4364
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", hover: true, children: "Hover" }) }),
4365
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", focus: true, children: "Focus" }) }),
4366
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", active: true, children: "Active" }) }),
4367
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", selected: true, children: "Selected" }) }),
4368
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", disabled: true, children: "Disabled" }) }),
4369
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "primary" }),
4370
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", children: "Normal" }) }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", hover: true, children: "Hover" }) }),
4372
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", focus: true, children: "Focus" }) }),
4373
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", active: true, children: "Active" }) }),
4374
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", selected: true, children: "Selected" }) }),
4375
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "primary", disabled: true, children: "Disabled" }) }),
4376
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "secondary" }),
4377
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", children: "Normal" }) }),
4378
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", hover: true, children: "Hover" }) }),
4379
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", focus: true, children: "Focus" }) }),
4380
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", active: true, children: "Active" }) }),
4381
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", selected: true, children: "Selected" }) }),
4382
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4383
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "tertiary" }),
4384
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", children: "Normal" }) }),
4385
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", hover: true, children: "Hover" }) }),
4386
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", focus: true, children: "Focus" }) }),
4387
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", active: true, children: "Active" }) }),
4388
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", selected: true, children: "Selected" }) }),
4389
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4390
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "info" }),
4391
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", children: "Normal" }) }),
4392
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", hover: true, children: "Hover" }) }),
4393
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", focus: true, children: "Focus" }) }),
4394
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", active: true, children: "Active" }) }),
4395
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", selected: true, children: "Selected" }) }),
4396
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "info", disabled: true, children: "Disabled" }) }),
4397
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "success" }),
4398
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", children: "Normal" }) }),
4399
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", hover: true, children: "Hover" }) }),
4400
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", focus: true, children: "Focus" }) }),
4401
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", active: true, children: "Active" }) }),
4402
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", selected: true, children: "Selected" }) }),
4403
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "success", disabled: true, children: "Disabled" }) }),
4404
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "warning" }),
4405
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", children: "Normal" }) }),
4406
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", hover: true, children: "Hover" }) }),
4407
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", focus: true, children: "Focus" }) }),
4408
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", active: true, children: "Active" }) }),
4409
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", selected: true, children: "Selected" }) }),
4410
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "warning", disabled: true, children: "Disabled" }) }),
4411
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "error" }),
4412
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", children: "Normal" }) }),
4413
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", hover: true, children: "Hover" }) }),
4414
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", focus: true, children: "Focus" }) }),
4415
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", active: true, children: "Active" }) }),
4416
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", selected: true, children: "Selected" }) }),
4417
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "error", disabled: true, children: "Disabled" }) }),
4418
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "dark" }),
4419
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", children: "Normal" }) }),
4420
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", hover: true, children: "Hover" }) }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", focus: true, children: "Focus" }) }),
4422
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", active: true, children: "Active" }) }),
4423
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", selected: true, children: "Selected" }) }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "dark", disabled: true, children: "Disabled" }) }),
4425
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "light" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", children: "Normal" }) }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", hover: true, children: "Hover" }) }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", focus: true, children: "Focus" }) }),
4429
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", active: true, children: "Active" }) }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", selected: true, children: "Selected" }) }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "light", disabled: true, children: "Disabled" }) }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "inverse" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", children: "Normal" }) }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", hover: true, children: "Hover" }) }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", focus: true, children: "Focus" }) }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", active: true, children: "Active" }) }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", selected: true, children: "Selected" }) }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "link", themeColor: "inverse", disabled: true, children: "Disabled" }) })
4363
+ [...Button.options.themeColor].map((themeColor) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
4364
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: themeColor }),
4365
+ ["normal", ...Button.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextButton, { fillMode: "link", themeColor, ...{ [state]: true }, children: state }) }) }))
4366
+ ] }))
4439
4367
  ] })
4440
4368
  ] });
package/dist/cjs/button/tests/button-outline.js CHANGED
@@ -4341,6 +4341,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
4341
4341
 
4342
4342
  // src/button/templates/text-button.tsx
4343
4343
  var import_jsx_runtime7 = require("react/jsx-runtime");
4344
+ var TextButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Button", ...props });
4344
4345
 
4345
4346
  // src/button/tests/button-outline.tsx
4346
4347
  var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -4359,82 +4360,9 @@ var button_outline_default = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)
4359
4360
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Active" }),
4360
4361
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Selected" }),
4361
4362
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Disabled" }),
4362
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "base" }),
4363
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", children: "Normal" }) }),
4364
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", hover: true, children: "Hover" }) }),
4365
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", focus: true, children: "Focus" }) }),
4366
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", active: true, children: "Active" }) }),
4367
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", selected: true, children: "Selected" }) }),
4368
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", disabled: true, children: "Disabled" }) }),
4369
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "primary" }),
4370
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", children: "Normal" }) }),
4371
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", hover: true, children: "Hover" }) }),
4372
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", focus: true, children: "Focus" }) }),
4373
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", active: true, children: "Active" }) }),
4374
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", selected: true, children: "Selected" }) }),
4375
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "primary", disabled: true, children: "Disabled" }) }),
4376
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "secondary" }),
4377
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", children: "Normal" }) }),
4378
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", hover: true, children: "Hover" }) }),
4379
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", focus: true, children: "Focus" }) }),
4380
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", active: true, children: "Active" }) }),
4381
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", selected: true, children: "Selected" }) }),
4382
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "secondary", disabled: true, children: "Disabled" }) }),
4383
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "tertiary" }),
4384
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", children: "Normal" }) }),
4385
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", hover: true, children: "Hover" }) }),
4386
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", focus: true, children: "Focus" }) }),
4387
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", active: true, children: "Active" }) }),
4388
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", selected: true, children: "Selected" }) }),
4389
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "tertiary", disabled: true, children: "Disabled" }) }),
4390
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "info" }),
4391
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", children: "Normal" }) }),
4392
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", hover: true, children: "Hover" }) }),
4393
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", focus: true, children: "Focus" }) }),
4394
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", active: true, children: "Active" }) }),
4395
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", selected: true, children: "Selected" }) }),
4396
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "info", disabled: true, children: "Disabled" }) }),
4397
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "success" }),
4398
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", children: "Normal" }) }),
4399
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", hover: true, children: "Hover" }) }),
4400
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", focus: true, children: "Focus" }) }),
4401
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", active: true, children: "Active" }) }),
4402
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", selected: true, children: "Selected" }) }),
4403
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "success", disabled: true, children: "Disabled" }) }),
4404
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "warning" }),
4405
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", children: "Normal" }) }),
4406
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", hover: true, children: "Hover" }) }),
4407
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", focus: true, children: "Focus" }) }),
4408
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", active: true, children: "Active" }) }),
4409
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", selected: true, children: "Selected" }) }),
4410
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "warning", disabled: true, children: "Disabled" }) }),
4411
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "error" }),
4412
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", children: "Normal" }) }),
4413
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", hover: true, children: "Hover" }) }),
4414
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", focus: true, children: "Focus" }) }),
4415
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", active: true, children: "Active" }) }),
4416
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", selected: true, children: "Selected" }) }),
4417
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "error", disabled: true, children: "Disabled" }) }),
4418
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "dark" }),
4419
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", children: "Normal" }) }),
4420
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", hover: true, children: "Hover" }) }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", focus: true, children: "Focus" }) }),
4422
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", active: true, children: "Active" }) }),
4423
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", selected: true, children: "Selected" }) }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "dark", disabled: true, children: "Disabled" }) }),
4425
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "light" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", children: "Normal" }) }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", hover: true, children: "Hover" }) }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", focus: true, children: "Focus" }) }),
4429
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", active: true, children: "Active" }) }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", selected: true, children: "Selected" }) }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "light", disabled: true, children: "Disabled" }) }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "inverse" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", children: "Normal" }) }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", hover: true, children: "Hover" }) }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", focus: true, children: "Focus" }) }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", active: true, children: "Active" }) }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", selected: true, children: "Selected" }) }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { fillMode: "outline", themeColor: "inverse", disabled: true, children: "Disabled" }) })
4363
+ [...Button.options.themeColor].map((themeColor) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
4364
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: themeColor }),
4365
+ ["normal", ...Button.states].map((state) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextButton, { fillMode: "outline", themeColor, ...{ [state]: true }, children: state }) }) }))
4366
+ ] }))
4439
4367
  ] })
4440
4368
  ] });