@progress/kendo-themes-html 6.0.4-dev.0 → 6.0.4-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.
- package/dist/appbar/tests/appbar.js +1 -1
- package/dist/appbar/tests/appbar.js.map +2 -2
- package/dist/bottom-nav/tests/bottom-nav-colors.js +1 -1
- package/dist/bottom-nav/tests/bottom-nav-colors.js.map +2 -2
- package/dist/calendar/tests/calendar-classic-jquery.js +1 -1
- package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite-rtl.js +1 -1
- package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite.js +1 -1
- package/dist/calendar/tests/calendar-infinite.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-angular.js +1 -1
- package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-jquery.js +1 -1
- package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
- package/dist/drawer/tests/drawer-rtl.js +1 -9
- package/dist/drawer/tests/drawer-rtl.js.map +2 -2
- package/dist/drawer/tests/drawer.js +1 -9
- package/dist/drawer/tests/drawer.js.map +2 -2
- package/dist/grid/tests/grid-grouping-detail-template.js +1 -1
- package/dist/grid/tests/grid-grouping-detail-template.js.map +2 -2
- package/dist/grid/tests/grid-sticky-multicolumn-headers.js +1 -1
- package/dist/grid/tests/grid-sticky-multicolumn-headers.js.map +2 -2
- package/package.json +2 -2
- package/src/appbar/tests/appbar.tsx +13 -15
- package/src/bottom-nav/tests/bottom-nav-colors.tsx +18 -18
- package/src/calendar/tests/calendar-classic-jquery.tsx +176 -2
- package/src/calendar/tests/calendar-infinite-rtl.tsx +723 -0
- package/src/calendar/tests/calendar-infinite.tsx +723 -0
- package/src/calendar/tests/calendar-modern-angular.tsx +4 -2
- package/src/calendar/tests/calendar-modern-jquery.tsx +4 -2
- package/src/drawer/tests/drawer-rtl.tsx +6 -16
- package/src/drawer/tests/drawer.tsx +6 -16
- package/src/grid/tests/grid-grouping-detail-template.tsx +4 -4
- package/src/grid/tests/grid-sticky-multicolumn-headers.tsx +2 -2
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
}
|
|
92
92
|
`;
|
|
93
93
|
root.render(
|
|
94
|
-
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Solid Colors"), /* @__PURE__ */ import_react.default.createElement("div", { className: "colors k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Primary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-primary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Secondary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-secondary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Tertiary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Info ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-info k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Success ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-success k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Warning ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-warning k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Error ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-error k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Dark ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-dark k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Light ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-light k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled"))))), /* @__PURE__ */ import_react.default.createElement("h2", null, "Flat Colors"), /* @__PURE__ */ import_react.default.createElement("div", { className: "colors colors-flat k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Primary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-primary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Secondary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-secondary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Tertiary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Info ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-info k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Success ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-success k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Warning ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-warning k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Error ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-error k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Dark ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-dark k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "Light ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-light k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))))))
|
|
94
|
+
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Solid Colors"), /* @__PURE__ */ import_react.default.createElement("div", { className: "colors k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-col-start-1" }, "Primary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-primary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Secondary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-secondary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Tertiary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Info ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-info k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Success ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-success k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Warning ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-warning k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Error ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-error k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Dark ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-dark k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Light ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-light k-bottom-nav-solid k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled"))))), /* @__PURE__ */ import_react.default.createElement("h2", null, "Flat Colors"), /* @__PURE__ */ import_react.default.createElement("div", { className: "colors colors-flat k-d-grid k-grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Primary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-primary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Secondary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-secondary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Tertiary ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Info ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-info k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Success ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-success k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Warning ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-warning k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Error ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-error k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Dark ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-dark k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Light ThemeColor"), /* @__PURE__ */ import_react.default.createElement("nav", { className: "k-bottom-nav k-bottom-nav-light k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Normal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-focus" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Focused")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-selected" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Selected")), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item k-disabled" }, /* @__PURE__ */ import_react.default.createElement(Icon, { className: "k-bottom-nav-item-icon", name: "email" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-bottom-nav-item-text" }, "Disabled")))))))
|
|
95
95
|
);
|
|
96
96
|
})();
|
|
97
97
|
//# sourceMappingURL=bottom-nav-colors.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/bottom-nav/tests/bottom-nav-colors.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area .colors {\n padding: 10px 20px;\n gap: 20px;\n }\n #test-area .colors-flat {\n background-color: rgb(234, 234, 234);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid\">\n <h2>Solid Colors</h2>\n <div className=\"colors k-d-grid k-grid-cols-2\">\n <section>\n <h4>Primary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-primary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Secondary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-secondary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Tertiary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Info ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-info k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Success ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-success k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Warning ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-warning k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Error ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-error k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Dark ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-dark k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Light ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-light k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n </div>\n\n <h2>Flat Colors</h2>\n <div className=\"colors colors-flat k-d-grid k-grid-cols-2\">\n <section>\n <h4>Primary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-primary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Secondary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-secondary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Tertiary ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Info ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-info k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Success ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-success k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Warning ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-warning k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Error ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-error k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Dark ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-dark k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <h4>Light ThemeColor</h4>\n <nav className=\"k-bottom-nav k-bottom-nav-light k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name,\n size,\n rotate,\n flip\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name,\n [`k-icon-${size}`]: size,\n [`k-rotate-${rotate}`]: rotate,\n [`k-flip-${flip}`]: flip\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area .colors {\n padding: 10px 20px;\n gap: 20px;\n }\n #test-area .colors-flat {\n background-color: rgb(234, 234, 234);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid\">\n <h2>Solid Colors</h2>\n <div className=\"colors k-d-grid k-grid-cols-2\">\n <section>\n <span className=\"k-col-start-1\">Primary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-primary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Secondary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-secondary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Tertiary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Info ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-info k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Success ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-success k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Warning ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-warning k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Error ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-error k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Dark ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-dark k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Light ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-light k-bottom-nav-solid k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n </div>\n\n <h2>Flat Colors</h2>\n <div className=\"colors colors-flat k-d-grid k-grid-cols-2\">\n <section>\n <span>Primary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-primary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Secondary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-secondary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Tertiary ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-tertiary k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Info ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-info k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Success ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-success k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Warning ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-warning k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Error ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-error k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Dark ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-dark k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n\n <section>\n <span>Light ThemeColor</span>\n <nav className=\"k-bottom-nav k-bottom-nav-light k-bottom-nav-flat k-bottom-nav-border k-bottom-nav-item-flow-vertical\">\n <span className=\"k-bottom-nav-item\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Normal</span>\n </span>\n <span className=\"k-bottom-nav-item k-focus\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Focused</span>\n </span>\n <span className=\"k-bottom-nav-item k-selected\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Selected</span>\n </span>\n <span className=\"k-bottom-nav-item k-disabled\">\n <Icon className=\"k-bottom-nav-item-icon\" name=\"email\" />\n <span className=\"k-bottom-nav-item-text\">Disabled</span>\n </span>\n </nav>\n </section>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name,\n size,\n rotate,\n flip\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name,\n [`k-icon-${size}`]: size,\n [`k-rotate-${rotate}`]: rotate,\n [`k-flip-${flip}`]: flip\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["ReactDOM", "React"]
|
|
7
7
|
}
|