diff --git a/.gitignore b/.gitignore
index aaa94df..f739c15 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ coverage/
.env
.idea
tmp
+dist
yarn.lock
yarn-error.log
.eslintcache
diff --git a/dist/atoms/Button.d.ts b/dist/atoms/Button.d.ts
deleted file mode 100644
index 8a008a4..0000000
--- a/dist/atoms/Button.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ButtonProps } from 'antd/lib/button';
-declare type Props = ButtonProps & PropsWithChildren;
-declare const Button: (props: Props) => JSX.Element;
-export default Button;
diff --git a/dist/atoms/Button.js b/dist/atoms/Button.js
deleted file mode 100644
index e7e4d0c..0000000
--- a/dist/atoms/Button.js
+++ /dev/null
@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const antd_1 = require("antd");
-const Button = (props) => {
- const classNames = `${props === null || props === void 0 ? void 0 : props.className} ${(props === null || props === void 0 ? void 0 : props.children) ? '' : 'ant-btn-icon-only'}`;
- return (0, jsx_runtime_1.jsxs)(antd_1.Button, Object.assign({}, props, { className: classNames }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'loading-icon', style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ "clip-path": "url(#clip0_805_64190)" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "7.08325", y: "0.666748", width: "1.83333", height: "3.66667", rx: "0.916667", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.16", x: "12.5376", y: "2.16626", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "rotate(45 12.5376 2.16626)", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.4", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "matrix(0.707107 -0.707107 -0.707107 -0.707107 12.5376 13.833)", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.28", x: "15.3333", y: "7.0835", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "rotate(90 15.3333 7.0835)", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.52", x: "7.08325", y: "11.6667", width: "1.83333", height: "3.66667", rx: "0.916667", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.64", x: "4.7594", y: "9.94434", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "rotate(45 4.7594 9.94434)", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.88", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "matrix(0.707107 -0.707107 -0.707107 -0.707107 4.7594 6.05493)", fill: "none" }), (0, jsx_runtime_1.jsx)("rect", { opacity: "0.76", x: "4.33325", y: "7.0835", width: "1.83333", height: "3.66667", rx: "0.916667", transform: "rotate(90 4.33325 7.0835)", fill: "none" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_805_64190" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", fill: "none" }) })) })] })) })), props.children] }));
-};
-exports.default = Button;
-//# sourceMappingURL=Button.js.map
\ No newline at end of file
diff --git a/dist/atoms/Button.js.map b/dist/atoms/Button.js.map
deleted file mode 100644
index 42144bc..0000000
--- a/dist/atoms/Button.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/atoms/Button.tsx"],"names":[],"mappings":";;;AACA,+BAA2C;AAK3C,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IAE/B,MAAM,UAAU,GAAG,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAA;IAEtF,OAAO,wBAAC,aAAU,oBAAK,KAAK,IAAE,SAAS,EAAE,UAAU,iBAClD,+CAAM,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAC1D,+CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,iBAC7F,0DAAa,uBAAuB,iBACnC,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,GAAE,EAC3F,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,GAAE,EAChJ,iCAAM,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAC,MAAM,GAAE,EAC1J,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,MAAM,GAAE,EAC9I,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,GAAE,EACzG,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,QAAQ,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,MAAM,GAAE,EAC9I,iCAAM,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAC,MAAM,GAAE,EAC3J,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,MAAM,GAAE,KAC3I,EACJ,2CACC,mDAAU,EAAE,EAAC,iBAAiB,gBAC7B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAE,IAChC,GACL,KACF,IACA,EACN,KAAK,CAAC,QAAQ,KACF,CAAA;AACf,CAAC,CAAA;AAED,kBAAe,MAAM,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/CheckboxField.d.ts b/dist/atoms/CheckboxField.d.ts
deleted file mode 100644
index 2929aea..0000000
--- a/dist/atoms/CheckboxField.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps;
-declare const CheckboxField: (props: Props) => JSX.Element;
-export default CheckboxField;
diff --git a/dist/atoms/CheckboxField.js b/dist/atoms/CheckboxField.js
deleted file mode 100644
index 937e028..0000000
--- a/dist/atoms/CheckboxField.js
+++ /dev/null
@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const antd_1 = require("antd");
-const helper_1 = require("../utils/helper");
-const { Item } = antd_1.Form;
-const CheckboxField = (props) => {
- const { input, label, required, disabled, meta: { form, error, touched }, placeholder, className, style } = props;
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ required: required, label: label, help: touched && error, className: className, validateStatus: error && touched ? 'error' : undefined, style: style }, { children: (0, jsx_runtime_1.jsx)(antd_1.Row, { children: (0, jsx_runtime_1.jsx)(antd_1.Checkbox, Object.assign({}, input, { id: (0, helper_1.formFieldID)(form, input.name), checked: !!input.value, disabled: disabled }, { children: placeholder })) }) })));
-};
-exports.default = CheckboxField;
-//# sourceMappingURL=CheckboxField.js.map
\ No newline at end of file
diff --git a/dist/atoms/CheckboxField.js.map b/dist/atoms/CheckboxField.js.map
deleted file mode 100644
index 4bdcf1f..0000000
--- a/dist/atoms/CheckboxField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../src/atoms/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,+BAA0C;AAI1C,4CAA6C;AAE7C,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AAIrB,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACtC,MAAM,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAC9B,WAAW,EACX,SAAS,EACT,KAAK,EACL,GAAG,KAAK,CAAA;IAET,OAAO,CACN,uBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,gBACzJ,uBAAC,UAAG,cACH,uBAAC,eAAQ,oBAAK,KAAK,IAAE,EAAE,EAAE,IAAA,oBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,gBAChG,WAAW,IACF,GACN,IACA,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/CheckboxGroupField.d.ts b/dist/atoms/CheckboxGroupField.d.ts
deleted file mode 100644
index 02b45d8..0000000
--- a/dist/atoms/CheckboxGroupField.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CheckboxGroupProps } from 'antd/lib/checkbox';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { CSSProperties } from 'react';
-import { WrappedFieldProps } from 'redux-form';
-declare type ComponentProps = {
- checkboxGroupStyles?: CSSProperties;
- horizontal?: boolean;
- large?: boolean;
-};
-declare type Props = WrappedFieldProps & CheckboxGroupProps & FormItemProps & ComponentProps;
-declare const CheckboxGroupField: (props: Props) => JSX.Element;
-export default CheckboxGroupField;
diff --git a/dist/atoms/CheckboxGroupField.js b/dist/atoms/CheckboxGroupField.js
deleted file mode 100644
index 8d63dd3..0000000
--- a/dist/atoms/CheckboxGroupField.js
+++ /dev/null
@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// ant
-const antd_1 = require("antd");
-const classnames_1 = __importDefault(require("classnames"));
-const lodash_1 = require("lodash");
-const helper_1 = require("../utils/helper");
-const { Item } = antd_1.Form;
-const CheckboxGroupField = (props) => {
- const { input, options, label, required, meta: { form, error, touched }, style, checkboxGroupStyles, defaultValue, horizontal, className, disabled, large } = props;
- const checkboxes = (0, lodash_1.map)(options, (option) => {
- if (typeof option === 'string') {
- return ((0, jsx_runtime_1.jsx)(antd_1.Checkbox, Object.assign({ value: option, className: (0, classnames_1.default)({ large, 'inline-flex': horizontal }), disabled: disabled }, { children: option }), option));
- }
- return ((0, jsx_runtime_1.jsx)(antd_1.Checkbox, Object.assign({ disabled: option.disabled, value: option.value, className: (0, classnames_1.default)('my-1', { large, 'inline-flex': horizontal }) }, { children: option.label }), `${option.value}`));
- });
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, help: touched && error, className: className, validateStatus: error && touched ? 'error' : undefined, style: style }, { children: (0, jsx_runtime_1.jsx)(antd_1.Checkbox.Group
- // @ts-ignore
- , Object.assign({
- // @ts-ignore
- id: (0, helper_1.formFieldID)(form, input.name), className: 'flex flex-wrap', value: input.value || [], onChange: input.onChange, defaultValue: defaultValue, style: Object.assign(Object.assign({}, checkboxGroupStyles), { flexDirection: horizontal ? 'row' : 'column' }) }, { children: checkboxes })) })));
-};
-exports.default = CheckboxGroupField;
-//# sourceMappingURL=CheckboxGroupField.js.map
\ No newline at end of file
diff --git a/dist/atoms/CheckboxGroupField.js.map b/dist/atoms/CheckboxGroupField.js.map
deleted file mode 100644
index 5daf737..0000000
--- a/dist/atoms/CheckboxGroupField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroupField.js","sourceRoot":"","sources":["../../src/atoms/CheckboxGroupField.tsx"],"names":[],"mappings":";;;;;;AAAA,MAAM;AACN,+BAAqC;AAGrC,4DAA2B;AAC3B,mCAA4B;AAG5B,4CAA6C;AAE7C,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AAUrB,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EACL,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAC9B,KAAK,EACL,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,CAAA;IAET,MAAM,UAAU,GAAG,IAAA,YAAG,EAAC,OAAO,EAAE,CAAC,MAAW,EAAE,EAAE;QAC/C,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC/B,OAAO,CACN,uBAAC,eAAQ,kBAAc,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,gBAC3G,MAAM,KADO,MAAM,CAEV,CACX,CAAA;SACD;QACD,OAAO,CACN,uBAAC,eAAQ,kBAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAA0B,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,gBAC3I,MAAM,CAAC,KAAK,KAD4B,GAAG,MAAM,CAAC,KAAK,EAAE,CAEhD,CACX,CAAA;IACF,CAAC,CAAC,CAAA;IACF,OAAO,CACN,uBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,gBACzJ,uBAAC,eAAQ,CAAC,KAAK;QACd,aAAa;;YAAb,aAAa;YACb,EAAE,EAAE,IAAA,oBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjC,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,YAAY,EAAE,YAAY,EAC1B,KAAK,kCACD,mBAAmB,KACtB,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,mBAG5C,UAAU,IACK,IACX,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/DateField.d.ts b/dist/atoms/DateField.d.ts
deleted file mode 100644
index 1cfe77e..0000000
--- a/dist/atoms/DateField.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { DatePickerProps } from 'antd/lib/date-picker';
-declare type Props = WrappedFieldProps & FormItemProps & DatePickerProps & {
- disableFuture?: boolean;
- disablePast?: boolean;
- hideHelp?: boolean;
- /** disable od dátumu D1 do minulosti */
- compareFrom1?: any;
- /** disable od dátumu D2 do minulosti */
- compareFrom2?: any;
- /** disable od dátumu D1 do budúcnosti */
- compareTo1?: any;
- rounded?: boolean;
- readOnly?: boolean;
- showToday?: any;
- validateTo?: string; /** disable podla datumu ktory sa posle na validovanie */
-};
-declare const DateField: (props: Props) => JSX.Element;
-export default DateField;
diff --git a/dist/atoms/DateField.js b/dist/atoms/DateField.js
deleted file mode 100644
index 564f6a6..0000000
--- a/dist/atoms/DateField.js
+++ /dev/null
@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dayjs_1 = __importDefault(require("dayjs"));
-const classnames_1 = __importDefault(require("classnames"));
-const antd_1 = require("antd");
-const enums_1 = require("../utils/enums");
-// eslint-disable-next-line import/no-cycle
-const helper_1 = require("../utils/helper");
-const DateField = (props) => {
- const { input, label, required, style, meta: { form, error, touched }, format = enums_1.DEFAULT_DATE_INPUT_FORMAT, placeholder, disabledDate, disabled, allowClear, hideHelp, disableFuture, disablePast, getPopupContainer, compareFrom1, compareFrom2, compareTo1, size, rounded, readOnly, suffixIcon, clearIcon, showToday = true, defaultPickerValue, validateTo, className } = props;
- let value;
- if (input.value && (0, dayjs_1.default)(input.value).isValid()) {
- value = (0, dayjs_1.default)(input.value);
- }
- const disabledDateWrap = (0, react_1.useCallback)((currentDate) => {
- let disable = false;
- if (disabledDate) {
- disable = disabledDate(currentDate);
- }
- else if (disableFuture) {
- disable = currentDate && currentDate > (0, dayjs_1.default)().endOf('day');
- }
- else if (disablePast) {
- disable = currentDate && currentDate < (0, dayjs_1.default)().startOf('day');
- }
- if (compareFrom1 || compareFrom2) {
- const dates = [];
- if (compareFrom1) {
- dates.push(compareFrom1);
- }
- if (compareFrom2) {
- dates.push(compareFrom2);
- }
- const date = dayjs_1.default.max(dates);
- disable = currentDate.isBefore(date, 'date');
- }
- if (!disable && compareTo1) {
- if (disableFuture) {
- disable = currentDate && currentDate > (0, dayjs_1.default)().endOf('day');
- }
- else {
- disable = currentDate.isAfter(compareTo1, 'date');
- }
- }
- if (validateTo) {
- disable = currentDate.isBefore(validateTo);
- }
- return disable;
- }, [compareFrom1, compareFrom2, compareTo1, disableFuture, disablePast, disabledDate, validateTo]);
- return ((0, jsx_runtime_1.jsx)(antd_1.Form.Item, Object.assign({ label: label, required: required, style: style, help: hideHelp ? undefined : touched && error, className: (0, classnames_1.default)({ 'form-item-disabled': disabled, readOnly }), validateStatus: error && touched ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(antd_1.DatePicker, Object.assign({ id: (0, helper_1.formFieldID)(form, input.name) }, input, { className: (0, classnames_1.default)('date-input w-full', { 'rounded-full': rounded, 'allow-clear': allowClear }, className), dropdownAlign: enums_1.DROPDOWN_POSITION.BOTTOM_LEFT, onBlur: () => { }, onChange: (val) => {
- if (val) {
- input.onChange(val.format(enums_1.DEFAULT_DATE_INIT_FORMAT));
- }
- else {
- input.onChange(null);
- }
- }, format: format, value: value, defaultPickerValue: defaultPickerValue, size: size, clearIcon: clearIcon, suffixIcon: suffixIcon, placeholder: placeholder, disabledDate: disabledDateWrap, disabled: disabled, allowClear: allowClear, getPopupContainer: getPopupContainer || ((node) => node), showToday: showToday })) })));
-};
-exports.default = DateField;
-//# sourceMappingURL=DateField.js.map
\ No newline at end of file
diff --git a/dist/atoms/DateField.js.map b/dist/atoms/DateField.js.map
deleted file mode 100644
index 9de0618..0000000
--- a/dist/atoms/DateField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../src/atoms/DateField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/DateRangeField.d.ts b/dist/atoms/DateRangeField.d.ts
deleted file mode 100644
index 8ea2262..0000000
--- a/dist/atoms/DateRangeField.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from 'antd';
-import { Dayjs } from 'dayjs';
-import { WrappedFieldsProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldsProps & InputProps & FormItemLabelProps & DatePickerProps & {
- disablePast?: boolean;
- disableStartDayEnd?: boolean;
-};
-declare class DateRangeField extends React.Component {
- disabledStartDate: (startValue: Dayjs | null) => boolean;
- disabledEndDate: (endValue: Dayjs | null) => boolean;
- render(): JSX.Element;
-}
-export default DateRangeField;
diff --git a/dist/atoms/DateRangeField.js b/dist/atoms/DateRangeField.js
deleted file mode 100644
index 4923825..0000000
--- a/dist/atoms/DateRangeField.js
+++ /dev/null
@@ -1,77 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const antd_1 = require("antd");
-const dayjs_1 = __importDefault(require("dayjs"));
-const lodash_1 = require("lodash");
-const classnames_1 = __importDefault(require("classnames"));
-const enums_1 = require("../utils/enums");
-const { Item } = antd_1.Form;
-class DateRangeField extends react_1.default.Component {
- constructor() {
- super(...arguments);
- this.disabledStartDate = (startValue) => {
- const { names, disablePast, disableStartDayEnd } = this.props;
- const endValue = (0, lodash_1.get)(this.props, `${names[1]}.input.value`);
- const yesterday = (0, dayjs_1.default)().subtract(1, 'day');
- if (disablePast && (startValue === null || startValue === void 0 ? void 0 : startValue.isBefore(yesterday))) {
- // disable past
- return true;
- }
- if (startValue === null || startValue === void 0 ? void 0 : startValue.isAfter(endValue)) {
- // disable StartValue after EndValue
- return true;
- }
- return !!(disableStartDayEnd && ((startValue === null || startValue === void 0 ? void 0 : startValue.isAfter(endValue)) || (startValue === null || startValue === void 0 ? void 0 : startValue.isSame(endValue))));
- };
- this.disabledEndDate = (endValue) => {
- const { names, disablePast, disableStartDayEnd } = this.props;
- const startValue = (0, lodash_1.get)(this.props, `${names[0]}.input.value`);
- if (disablePast && (endValue === null || endValue === void 0 ? void 0 : endValue.isBefore((0, dayjs_1.default)()))) {
- // disable past
- return true;
- }
- if (endValue === null || endValue === void 0 ? void 0 : endValue.isBefore(startValue)) {
- // disable EndValue before StartValue
- return true;
- }
- return !!(disableStartDayEnd && ((endValue === null || endValue === void 0 ? void 0 : endValue.isBefore(startValue)) || (endValue === null || endValue === void 0 ? void 0 : endValue.isSame(startValue))));
- };
- }
- render() {
- const { names, formats, getCalendarContainer, renderExtraFooter, required, placeholders, disabled, disableStartDayEnd, suffixIcon, clearIcon } = this.props;
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex' }, { children: (0, lodash_1.map)(names, (name, index) => {
- const input = (0, lodash_1.get)(this.props, `[${name}].input`);
- const { touched, error } = (0, lodash_1.get)(this.props, `[${name}].meta`);
- let value;
- const format = (0, lodash_1.get)(formats, `[${index}]`) || enums_1.DEFAULT_DATE_INPUT_FORMAT;
- if (input.value && (0, dayjs_1.default)(input.value).isValid()) {
- value = (0, dayjs_1.default)(input.value);
- }
- const allowClear = !required;
- let disabledDate;
- if (index === 0) {
- disabledDate = this.disabledStartDate;
- }
- else {
- disabledDate = this.disabledEndDate;
- }
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ required: required,
- // @ts-ignore
- help: touched && error, validateStatus: error && touched ? 'error' : undefined, className: 'w-1/2' }, { children: (0, jsx_runtime_1.jsx)(antd_1.DatePicker, Object.assign({}, input, { className: (0, classnames_1.default)('w-full date-input', { 'allow-clear': allowClear }), onBlur: () => { }, place: true, onChange: (val) => {
- if (val) {
- input.onChange(val.format(enums_1.DEFAULT_DATE_INIT_FORMAT));
- }
- else {
- input.onChange(null);
- }
- }, arrow: false, getCalendarContainer: getCalendarContainer, format: format, suffixIcon: suffixIcon, clearIcon: clearIcon, allowClear: allowClear || this.props.allowClear, value: value, placeholder: (0, lodash_1.get)(placeholders, `[${index}]`), disabledDate: disabledDate, disabled: disabled, renderExtraFooter: renderExtraFooter, showToday: !(index === 1 && disableStartDayEnd === true), getPopupContainer: this.props.getPopupContainer || ((node) => node) })) }), index));
- }) })));
- }
-}
-exports.default = DateRangeField;
-//# sourceMappingURL=DateRangeField.js.map
\ No newline at end of file
diff --git a/dist/atoms/DateRangeField.js.map b/dist/atoms/DateRangeField.js.map
deleted file mode 100644
index 5c870c4..0000000
--- a/dist/atoms/DateRangeField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeField.js","sourceRoot":"","sources":["../../src/atoms/DateRangeField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/DateRangePickerField.d.ts b/dist/atoms/DateRangePickerField.d.ts
deleted file mode 100644
index 4892823..0000000
--- a/dist/atoms/DateRangePickerField.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { RangePickerProps } from 'antd/es/date-picker';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-export declare type Props = WrappedFieldProps & FormItemProps & RangePickerProps & {
- disableFuture?: boolean;
- disablePast?: boolean;
- itemRef?: any;
-};
-declare const DateRangePickerField: (props: Props) => JSX.Element;
-export default DateRangePickerField;
diff --git a/dist/atoms/DateRangePickerField.js b/dist/atoms/DateRangePickerField.js
deleted file mode 100644
index bfc5c88..0000000
--- a/dist/atoms/DateRangePickerField.js
+++ /dev/null
@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const antd_1 = require("antd");
-const lodash_1 = require("lodash");
-const dayjs_1 = __importDefault(require("dayjs"));
-const classnames_1 = __importDefault(require("classnames"));
-const enums_1 = require("../utils/enums");
-const helper_1 = require("../utils/helper");
-const { RangePicker } = antd_1.DatePicker;
-const DateRangePickerField = (props) => {
- const { renderExtraFooter, input, placeholder, label, format = enums_1.DEFAULT_DATE_FORMAT, open, getPopupContainer, style, dropdownClassName, separator, suffixIcon, disableFuture, disablePast, disabledDate, itemRef, required, meta, size, disabled, className } = props;
- const onFocus = (e) => {
- if (input.onFocus) {
- input.onFocus(e);
- }
- };
- const value = [];
- (0, lodash_1.forEach)(input === null || input === void 0 ? void 0 : input.value, (val) => {
- if (val && (0, dayjs_1.default)(val).isValid()) {
- value.push((0, dayjs_1.default)(val));
- }
- });
- const onChange = (0, react_1.useCallback)((vals) => {
- if (!(0, lodash_1.isEmpty)(vals)) {
- const formattedValues = {
- dateFrom: vals[0].format(enums_1.DEFAULT_DATE_INIT_FORMAT),
- dateTo: vals[1].format(enums_1.DEFAULT_DATE_INIT_FORMAT)
- };
- input.onChange(formattedValues);
- }
- else {
- input.onChange(null);
- }
- }, [input]);
- const disabledDateWrap = (0, react_1.useCallback)((currentDate) => {
- let disable = false;
- if (disabledDate) {
- disable = disabledDate(currentDate);
- }
- else if (disableFuture) {
- disable = currentDate && currentDate > (0, dayjs_1.default)().endOf('day');
- }
- else if (disablePast) {
- disable = currentDate && currentDate < (0, dayjs_1.default)().startOf('day');
- }
- return disable;
- }, [disableFuture, disablePast, disabledDate]);
- return ((0, jsx_runtime_1.jsx)(antd_1.Form.Item, Object.assign({ style: style, label: label, required: required, help: (meta === null || meta === void 0 ? void 0 : meta.touched) && (meta === null || meta === void 0 ? void 0 : meta.error), validateStatus: (meta === null || meta === void 0 ? void 0 : meta.error) && (meta === null || meta === void 0 ? void 0 : meta.touched) ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ id: (0, helper_1.formFieldID)(meta === null || meta === void 0 ? void 0 : meta.form, input === null || input === void 0 ? void 0 : input.name) }, { children: (0, jsx_runtime_1.jsx)(RangePicker, { ref: itemRef, className: (0, classnames_1.default)('date-picker', className), value: value, onChange: onChange, format: format, onFocus: onFocus, placeholder: placeholder, suffixIcon: suffixIcon, separator: separator, open: open, disabledDate: disabledDateWrap, dropdownClassName: dropdownClassName, renderExtraFooter: renderExtraFooter, getPopupContainer: getPopupContainer || ((node) => node), size: size, disabled: disabled }) })) })));
-};
-exports.default = DateRangePickerField;
-//# sourceMappingURL=DateRangePickerField.js.map
\ No newline at end of file
diff --git a/dist/atoms/DateRangePickerField.js.map b/dist/atoms/DateRangePickerField.js.map
deleted file mode 100644
index c6e824e..0000000
--- a/dist/atoms/DateRangePickerField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePickerField.js","sourceRoot":"","sources":["../../src/atoms/DateRangePickerField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/FileUploadField.d.ts b/dist/atoms/FileUploadField.d.ts
deleted file mode 100644
index 72ea1f7..0000000
--- a/dist/atoms/FileUploadField.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { UploadProps } from 'antd';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { IToastTexts } from '../types/interfaces';
-declare type Props = WrappedFieldProps & FormItemProps & UploadProps & {
- pathToFolder: string;
- maxFileSize: number;
- accessToken: string;
- staticMode?: boolean;
- uploadBtnText?: string;
- afterUploadErrorTitle?: string;
- toastTextUploadMaxError?: IToastTexts;
-};
-declare const _default: import("react").NamedExoticComponent;
-export default _default;
diff --git a/dist/atoms/FileUploadField.js b/dist/atoms/FileUploadField.js
deleted file mode 100644
index 46e2542..0000000
--- a/dist/atoms/FileUploadField.js
+++ /dev/null
@@ -1,89 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lodash_1 = require("lodash");
-const classnames_1 = __importDefault(require("classnames"));
-const antd_1 = require("antd");
-const icons_1 = require("@ant-design/icons");
-const helper_1 = require("../utils/helper");
-const text_json_1 = __importDefault(require("../utils/text.json"));
-const { Item } = antd_1.Form;
-/**
- * Umožňuje nahrať jeden súbor, nový súbor nahradí pôvodný
- */
-const FileUploadField = (props) => {
- const { label, input, required, meta: { error, touched }, action, pathToFolder, staticMode, accept, maxFileSize, disabled, accessToken, uploadBtnText, afterUploadErrorTitle, toastTextUploadMaxError } = props;
- const signedUrl = (0, lodash_1.get)(input, 'value.url') ? `${(0, lodash_1.get)(input, 'value.url')}?t=${accessToken}` : undefined;
- const fileList = input.value
- ? [
- Object.assign(Object.assign({}, input.value), { url: signedUrl })
- ]
- : [];
- const onChange = (info) => __awaiter(void 0, void 0, void 0, function* () {
- var _a;
- if (info.file.status === 'error') {
- // NOTE: if uploaded file has a bad format (eg. txt)
- antd_1.notification.error({
- message: afterUploadErrorTitle || text_json_1.default.error,
- description: (_a = info.file.response) === null || _a === void 0 ? void 0 : _a.messages
- });
- }
- if (info.file.status === 'done') {
- const value = {
- id: (0, lodash_1.get)(info.file.response, 'file.id'),
- name: (0, lodash_1.get)(info.file.response, 'file.displayName'),
- url: `/api/v1/static/${(0, lodash_1.get)(info.file.response, 'file.path')}`
- };
- input.onChange(value);
- }
- if (info.file.status === 'uploading' || info.file.status === 'success') {
- input.onChange(info.file);
- }
- if ((0, lodash_1.isEmpty)(info.fileList)) {
- input.onChange(null);
- }
- });
- const showUploadList = (0, react_1.useMemo)(() => ({
- showRemoveIcon: !staticMode,
- showPreviewIcon: true
- }), [staticMode]);
- const uploader = ((0, jsx_runtime_1.jsx)(antd_1.Upload, Object.assign({ className: 'mb-2', headers: {
- Authorization: `Bearer ${accessToken}`
- }, action: action, accept: accept, disabled: disabled, data: { pathToFolder }, fileList: fileList, onChange: onChange, beforeUpload: (file) => {
- if (file.size >= maxFileSize) {
- (0, helper_1.getMaxSizeNotifyMessage)(maxFileSize, toastTextUploadMaxError);
- return false;
- }
- return true;
- }, showUploadList: showUploadList, listType: 'picture-card' }, { children: !staticMode && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(icons_1.UploadOutlined, { className: `text-xl ${touched && error ? 'text-red-600' : 'text-gray-600'}` }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-sm ${touched && error ? 'text-red-600' : 'text-gray-600'}` }, { children: uploadBtnText || text_json_1.default.upload }))] })) })));
- return ((0, jsx_runtime_1.jsxs)(Item, Object.assign({ className: (0, classnames_1.default)('file-upload-field', { 'hide-overlay': staticMode, disabled }), label: label, required: required, style: { width: '100%' }, help: touched && error, validateStatus: touched && error ? 'error' : undefined }, { children: [staticMode && !input.value && '-', uploader] })));
-};
-// NOTE: Prevent voči animácii po submitnutí formulára
-exports.default = (0, react_1.memo)(FileUploadField, (prevProps, nextProps) => {
- const theSameError = prevProps.meta.error === nextProps.meta.error;
- const theSameTouched = prevProps.meta.touched === nextProps.meta.touched;
- // NOTE: Shallow fast comparision
- if (!theSameError || !theSameTouched) {
- return false; // Rerender
- }
- // NOTE: Deep slower comparision
- const theSameInput = (0, lodash_1.isEqual)(prevProps.input, nextProps.input);
- if (!theSameInput) {
- return false; // Rerender
- }
- return true;
-});
-//# sourceMappingURL=FileUploadField.js.map
\ No newline at end of file
diff --git a/dist/atoms/FileUploadField.js.map b/dist/atoms/FileUploadField.js.map
deleted file mode 100644
index 306335b..0000000
--- a/dist/atoms/FileUploadField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadField.js","sourceRoot":"","sources":["../../src/atoms/FileUploadField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/ImgUploadField.d.ts b/dist/atoms/ImgUploadField.d.ts
deleted file mode 100644
index 1076c5e..0000000
--- a/dist/atoms/ImgUploadField.d.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { UploadProps } from 'antd';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { IToastTexts } from '../types/interfaces';
-declare type Props = WrappedFieldProps & FormItemProps & UploadProps & {
- category: string;
- pathToFolder: string;
- uploadFile: any;
- postReq: any;
- staticMode?: boolean;
- maxFileSize: number;
- signUrl: string;
- uploadBtnText?: string;
- uploadErrorTitle?: string;
- toastTextUploadMaxError?: IToastTexts;
- maxFilesText?: IToastTexts;
-};
-declare const _default: import("react").NamedExoticComponent;
-export default _default;
diff --git a/dist/atoms/ImgUploadField.js b/dist/atoms/ImgUploadField.js
deleted file mode 100644
index ca8f26b..0000000
--- a/dist/atoms/ImgUploadField.js
+++ /dev/null
@@ -1,97 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lodash_1 = require("lodash");
-const antd_1 = require("antd");
-const icons_1 = require("@ant-design/icons");
-// utils
-const helper_1 = require("../utils/helper");
-const text_json_1 = __importDefault(require("../utils/text.json"));
-const { Item } = antd_1.Form;
-// export type ImgUploadParam = { [key: string]: { uid: string } }
-/**
- * Umoznuje nahrat obrazky na podpisanu url
- */
-const ImgUploadField = (props) => {
- const { label, input, required, meta: { form, error, touched }, staticMode, accept = 'image/jpeg,image/png', maxFileSize, disabled, signUrl, multiple, maxCount = 20, category, uploadErrorTitle, toastTextUploadMaxError, maxFilesText, uploadBtnText, uploadFile, postReq } = props;
- const imagesUrls = (0, react_1.useRef)({});
- const [previewUrl, setPreviewUrl] = (0, react_1.useState)('');
- const onChange = (info) => __awaiter(void 0, void 0, void 0, function* () {
- if (info.file.status === 'error') {
- antd_1.notification.error({
- message: uploadErrorTitle || text_json_1.default.error,
- description: info.file.error.message || text_json_1.default.errMessageFileMAxUpload
- });
- }
- if (info.file.status === 'done') {
- const values = (0, helper_1.getImagesFormValues)(info.fileList, imagesUrls.current);
- input.onChange(values);
- }
- if (info.file.status === 'uploading') {
- input.onChange(info.fileList);
- }
- if ((0, lodash_1.isEmpty)(info.fileList)) {
- input.onChange(null);
- }
- });
- const showUploadList = (0, react_1.useMemo)(() => ({
- showRemoveIcon: !staticMode,
- showPreviewIcon: true
- }), [staticMode]);
- const handleAction = (file) => __awaiter(void 0, void 0, void 0, function* () {
- var _a;
- const { uid, name, size, type } = file;
- const files = [{ name, size, mimeType: type }];
- const { data } = yield postReq(signUrl, undefined, { files, category });
- const imgData = (_a = data === null || data === void 0 ? void 0 : data.files) === null || _a === void 0 ? void 0 : _a[0];
- imagesUrls.current[uid] = Object.assign({ uid }, imgData);
- return imgData.signedUrl;
- });
- const uploader = ((0, jsx_runtime_1.jsx)(antd_1.Upload, Object.assign({ id: (0, helper_1.formFieldID)(form, input.name), className: 'mb-2', accept: accept, action: handleAction, disabled: disabled, onChange: onChange, listType: 'picture-card', multiple: multiple, customRequest: uploadFile, fileList: input.value || [], onPreview: (file) => setPreviewUrl(file.url || (0, lodash_1.get)(imagesUrls, `current.[${file.uid}].url`)), maxCount: maxCount, showUploadList: showUploadList, beforeUpload: (file, fileList) => {
- if (file.size >= maxFileSize) {
- (0, helper_1.getMaxSizeNotifyMessage)(maxFileSize, toastTextUploadMaxError);
- return antd_1.Upload.LIST_IGNORE;
- }
- if (fileList.length > maxCount) {
- const { uid: uidCurrent } = file;
- const { uid: uidLast } = fileList[fileList.length - 1];
- if (uidCurrent === uidLast)
- antd_1.notification.error({
- message: (maxFilesText === null || maxFilesText === void 0 ? void 0 : maxFilesText.title) || text_json_1.default.error,
- description: `${(maxFilesText === null || maxFilesText === void 0 ? void 0 : maxFilesText.text) || text_json_1.default.errMessageFileMAxUpload} Nahrajte maximálne ${maxCount} súborov`
- });
- return antd_1.Upload.LIST_IGNORE;
- }
- return true;
- } }, { children: !staticMode && input.value.length < maxCount && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(icons_1.UploadOutlined, { className: `text-xl ${touched && error ? 'text-red-600' : 'text-gray-600'}` }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-sm ${touched && error ? 'text-red-600' : 'text-gray-600'}` }, { children: uploadBtnText || text_json_1.default.upload }))] })) })));
- return ((0, jsx_runtime_1.jsxs)(Item, Object.assign({ className: 'w-full', label: label, required: required, help: touched && error ? error : undefined, validateStatus: touched && error ? 'error' : undefined }, { children: [staticMode && !input.value && '-', uploader, (0, jsx_runtime_1.jsx)(antd_1.Modal, Object.assign({ visible: !!previewUrl, onCancel: () => setPreviewUrl(''), footer: null }, { children: (0, jsx_runtime_1.jsx)("img", { className: 'w-full', src: previewUrl, alt: 'preview' }, previewUrl) }))] })));
-};
-// NOTE: Prevent voči animácii po submitnutí formulára
-exports.default = (0, react_1.memo)(ImgUploadField, (prevProps, nextProps) => {
- const theSameError = prevProps.meta.error === nextProps.meta.error;
- const theSameTouched = prevProps.meta.touched === nextProps.meta.touched;
- // NOTE: Shallow fast comparision
- if (!theSameError || !theSameTouched) {
- return false; // Rerender
- }
- // NOTE: Deep slower comparision
- const theSameInput = (0, lodash_1.isEqual)(prevProps.input, nextProps.input);
- if (!theSameInput) {
- return false; // Rerender
- }
- return true;
-});
-//# sourceMappingURL=ImgUploadField.js.map
\ No newline at end of file
diff --git a/dist/atoms/ImgUploadField.js.map b/dist/atoms/ImgUploadField.js.map
deleted file mode 100644
index cf0feef..0000000
--- a/dist/atoms/ImgUploadField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ImgUploadField.js","sourceRoot":"","sources":["../../src/atoms/ImgUploadField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/InputField.d.ts b/dist/atoms/InputField.d.ts
deleted file mode 100644
index 7ec510e..0000000
--- a/dist/atoms/InputField.d.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-import { FIELD_MODE } from '../utils/enums';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps & {
- customOnBlur?: (value: string | null) => any;
- customOnChange?: (value: string | null) => any;
- hideHelp?: boolean;
- rounded?: boolean;
- fieldMode?: FIELD_MODE;
- focused?: boolean;
-};
-declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
-export default _default;
diff --git a/dist/atoms/InputField.js b/dist/atoms/InputField.js
deleted file mode 100644
index d0d95ee..0000000
--- a/dist/atoms/InputField.js
+++ /dev/null
@@ -1,60 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const antd_1 = require("antd");
-const classnames_1 = __importDefault(require("classnames"));
-const icons_1 = require("@ant-design/icons");
-const lodash_1 = require("lodash");
-const enums_1 = require("../utils/enums");
-// eslint-disable-next-line import/no-cycle
-const helper_1 = require("../utils/helper");
-const { Item } = antd_1.Form;
-const InputField = (props) => {
- const { input, size, placeholder, label, required, type, prefix, disabled, style, customOnBlur, meta: { form, error, touched, valid }, hideHelp, maxLength, fieldMode = enums_1.FIELD_MODE.INPUT, readOnly, className, customOnChange, allowClear, suffix, addonBefore, focused } = props;
- const inputRef = (0, react_1.useRef)(null);
- (0, react_1.useEffect)(() => {
- if (inputRef.current && focused) {
- inputRef.current.focus();
- }
- }, [focused]);
- const onChange = (0, react_1.useCallback)((e) => {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? (0, lodash_1.trimStart)(e.target.value) : null;
- const change = customOnChange || input.onChange;
- change(val);
- }, [input, customOnChange]);
- const onBlur = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? (0, lodash_1.trim)(e.target.value) : null;
- // NOTE: wait until redux-form "BLUR" action is finished
- yield input.onBlur(val);
- if (customOnBlur) {
- customOnBlur(val);
- }
- }), [input, customOnBlur]);
- const onFocus = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? e.target.value : null;
- if (input.onFocus) {
- input.onFocus(val);
- }
- }), [input]);
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, style: style, className: (0, classnames_1.default)(className, { 'form-item-disabled': disabled, readOnly }), help: hideHelp ? undefined : touched && error, validateStatus: error && touched ? 'error' : touched && valid ? 'success' : undefined }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, Object.assign({}, input, { id: (0, helper_1.formFieldID)(form, input.name), className: (0, classnames_1.default)('input', { 'input-filter': fieldMode === enums_1.FIELD_MODE.FILTER }), onChange: onChange, onBlur: onBlur, addonBefore: addonBefore, size: size || 'middle', onFocus: onFocus, value: input.value, placeholder: placeholder, type: type || 'text',
- // Ak je filter cez RemoveIcon zmaat string (ant ma pre input aj allowClear ale neda sa mu zmenit ikona tak ako napr v selecte preto to je takto robene)
- suffix: (allowClear || fieldMode === enums_1.FIELD_MODE.FILTER) && input.value ? ((0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { onClick: () => input.onChange('') })) : (suffix), prefix: fieldMode === enums_1.FIELD_MODE.FILTER ? (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {}) : prefix, disabled: disabled, maxLength: maxLength, ref: inputRef })) })));
-};
-exports.default = (0, react_1.memo)(InputField);
-//# sourceMappingURL=InputField.js.map
\ No newline at end of file
diff --git a/dist/atoms/InputField.js.map b/dist/atoms/InputField.js.map
deleted file mode 100644
index 1fedea0..0000000
--- a/dist/atoms/InputField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../src/atoms/InputField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA4D;AAC5D,+BAAkC;AAClC,4DAA2B;AAI3B,6CAAiE;AACjE,mCAAwC;AACxC,0CAA2C;AAC3C,2CAA2C;AAC3C,4CAA6C;AAE7C,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AAarB,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EACrC,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,kBAAU,CAAC,KAAK,EAC5B,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,EACV,MAAM,EACN,WAAW,EACX,OAAO,EACP,GAAG,KAAK,CAAA;IAET,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,EAAE;YAChC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACxB;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC3B,CAAC,CAAsC,EAAE,EAAE;QAC1C,uDAAuD;QACvD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,kBAAS,EAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC7D,MAAM,MAAM,GAAG,cAAc,IAAI,KAAK,CAAC,QAAQ,CAAA;QAC/C,MAAM,CAAC,GAAG,CAAC,CAAA;IACZ,CAAC,EACD,CAAC,KAAK,EAAE,cAAc,CAAC,CACvB,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAO,CAAM,EAAE,EAAE;QAChB,uDAAuD;QACvD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,aAAI,EAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACxD,wDAAwD;QACxD,MAAM,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAEvB,IAAI,YAAY,EAAE;YACjB,YAAY,CAAC,GAAG,CAAC,CAAA;SACjB;IACF,CAAC,CAAA,EACD,CAAC,KAAK,EAAE,YAAY,CAAC,CACrB,CAAA;IAED,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAO,CAAM,EAAE,EAAE;QAChB,uDAAuD;QACvD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QAClD,IAAI,KAAK,CAAC,OAAO,EAAE;YAClB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;SAClB;IACF,CAAC,CAAA,EACD,CAAC,KAAK,CAAC,CACP,CAAA;IAED,OAAO,CACN,uBAAC,IAAI,kBACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EACtE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,EAC7C,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,gBAErF,uBAAC,YAAK,oBACD,KAAK,IACT,EAAE,EAAE,IAAA,oBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjC,SAAS,EAAE,IAAA,oBAAE,EAAC,OAAO,EAAE,EAAE,cAAc,EAAE,SAAS,KAAK,kBAAU,CAAC,MAAM,EAAE,CAAC,EAC3E,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IAAI,MAAM;YACpB,wJAAwJ;YACxJ,MAAM,EACL,CAAC,UAAU,IAAI,SAAS,KAAK,kBAAU,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAChE,uBAAC,qBAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,CACnD,CAAC,CAAC,CAAC,CACH,MAAM,CACN,EAEF,MAAM,EAAE,SAAS,KAAK,kBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,sBAAc,KAAG,CAAC,CAAC,CAAC,MAAM,EACrE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,QAAQ,IACZ,IACI,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAA,YAAI,EAAC,UAAU,CAAC,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/InputMaskedField.d.ts b/dist/atoms/InputMaskedField.d.ts
deleted file mode 100644
index 932701d..0000000
--- a/dist/atoms/InputMaskedField.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps & {
- mask: string | Array;
- uppercaseOnChange: boolean;
-};
-declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
-export default _default;
diff --git a/dist/atoms/InputMaskedField.js b/dist/atoms/InputMaskedField.js
deleted file mode 100644
index 1657736..0000000
--- a/dist/atoms/InputMaskedField.js
+++ /dev/null
@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const antd_1 = require("antd");
-const react_input_mask_1 = __importDefault(require("react-input-mask"));
-const classnames_1 = __importDefault(require("classnames"));
-const { Item } = antd_1.Form;
-const InputMaskedField = (props) => {
- const { input, label, required, disabled, style, meta: { error, touched, valid }, mask, uppercaseOnChange, placeholder, size } = props;
- const handleChange = (0, react_1.useCallback)((e) => {
- // NOTE: prevent to have "" empty string as empty value
- let val = e.target.value ? e.target.value : null;
- if (val && uppercaseOnChange) {
- val = val.toUpperCase();
- }
- input.onChange(val);
- }, [input, uppercaseOnChange]);
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, style: style, help: touched && error, validateStatus: error && touched ? 'error' : touched && valid ? 'success' : undefined }, { children: (0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({}, input, { className: (0, classnames_1.default)('ant-input', 'input', 'input-masked', { 'input-masked--large': size === 'large' }), mask: mask, onChange: handleChange, value: input.value, disabled: disabled, placeholder: placeholder })) })));
-};
-exports.default = (0, react_1.memo)(InputMaskedField);
-//# sourceMappingURL=InputMaskedField.js.map
\ No newline at end of file
diff --git a/dist/atoms/InputMaskedField.js.map b/dist/atoms/InputMaskedField.js.map
deleted file mode 100644
index 25fcf66..0000000
--- a/dist/atoms/InputMaskedField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"InputMaskedField.js","sourceRoot":"","sources":["../../src/atoms/InputMaskedField.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAyC;AACzC,+BAA2B;AAI3B,wEAAwC;AACxC,4DAA2B;AAE3B,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AASrB,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAC/B,IAAI,EACJ,iBAAiB,EACjB,WAAW,EACX,IAAI,EACJ,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAsC,EAAE,EAAE;QAC1C,uDAAuD;QACvD,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QAChD,IAAI,GAAG,IAAI,iBAAiB,EAAE;YAC7B,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,CAAA;SACvB;QACD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAC1B,CAAA;IAED,OAAO,CACN,uBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,IAAI,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,gBAClK,uBAAC,0BAAS,oBACL,KAAK,IACT,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,qBAAqB,EAAE,IAAI,KAAK,OAAO,EAAE,CAAC,EAChG,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IACvB,IACI,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAA,YAAI,EAAC,gBAAgB,CAAC,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/InputNumberField.d.ts b/dist/atoms/InputNumberField.d.ts
deleted file mode 100644
index cd323de..0000000
--- a/dist/atoms/InputNumberField.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-import { InputNumberProps } from 'antd/lib/input-number';
-declare type Props = WrappedFieldProps & FormItemLabelProps & InputNumberProps & {
- maxChars?: number;
- smallInput?: boolean;
- rounded?: boolean;
- hideHelp?: boolean;
- notNullValue?: boolean;
-};
-declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
-export default _default;
diff --git a/dist/atoms/InputNumberField.js b/dist/atoms/InputNumberField.js
deleted file mode 100644
index 0edc74b..0000000
--- a/dist/atoms/InputNumberField.js
+++ /dev/null
@@ -1,65 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-// ant
-const antd_1 = require("antd");
-// utils
-// eslint-disable-next-line import/no-cycle
-const helper_1 = require("../utils/helper");
-const { Item } = antd_1.Form;
-const InputNumberField = (props) => {
- const { input, size, placeholder, label, required, disabled, style, meta: { form, error, touched, valid }, min = -99999999, max = 999999999, precision, step, parser, prefix, maxChars = 9, // NOTE: Kazde 9 ciferne cislo je bezpecne pre Postgres Integer typ
- smallInput, defaultValue, type = 'text', rounded, hideHelp, className, notNullValue = false, onPressEnter, readOnly } = props;
- const maxCharsParser = (displayValue) => {
- if (maxChars && maxChars > 0 && displayValue && displayValue.length > maxChars) {
- const formatted = displayValue.slice(0, maxChars);
- return formatted;
- }
- return displayValue || '';
- };
- const inputRef = (0, react_1.useRef)(null);
- const onFocus = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- if (input.onFocus) {
- const val = (0, helper_1.transformNumberFieldValue)(e.target.value);
- input.onFocus(val);
- }
- }), [input]);
- const onPressEnterWrap = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
- // NOTE: e.target.value v onPressEnter() može byť 5.5555€ aj keď je precision = 0, v parent komponente treba zavolať ref.blur() a do onBlur príde už zaokrúhlená number hodnota
- if (onPressEnter) {
- const ref = inputRef.current;
- onPressEnter(ref);
- }
- }), [onPressEnter]);
- const onBlur = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- const val = (0, helper_1.transformNumberFieldValue)(e.target.value, Number(min), Number(max), precision, notNullValue);
- // NOTE: wait until redux-form "BLUR" action is finished
- yield input.onBlur(val);
- }), [min, max, precision, notNullValue, input]);
- let inputSizeClassName = '';
- if (size && size === 'large') {
- inputSizeClassName = 'ant-input-number-affix-wrapper-large';
- }
- else if (size && size === 'small') {
- inputSizeClassName = 'ant-input-number-affix-wrapper-small';
- }
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, style: style, help: touched && !hideHelp && error, validateStatus: error && touched ? 'error' : touched && valid ? 'success' : undefined, className: (0, classnames_1.default)(className, { 'small-input': smallInput, 'form-item-disabled': disabled, readOnly }) }, { children: (0, jsx_runtime_1.jsx)(antd_1.InputNumber, Object.assign({}, input, { ref: inputRef, style: { width: '100%' }, id: (0, helper_1.formFieldID)(form, input.name), min: min, max: max, size: size || 'middle', defaultValue: defaultValue, value: input.value, placeholder: placeholder, disabled: disabled, precision: precision, prefix: prefix, step: step, type: type || 'text', className: `${(0, classnames_1.default)('input-number', { 'rounded-full': rounded })} ${inputSizeClassName}`, onFocus: onFocus, decimalSeparator: ',', parser: maxChars && maxChars > 0 ? maxCharsParser : parser,
- // NOTE: Prevent proti posielaniu BLUR akcie so string payloadom - posiela Ant na pozadi
- onBlur: onBlur, onPressEnter: onPressEnterWrap, onChange: input.onChange })) })));
-};
-exports.default = (0, react_1.memo)(InputNumberField);
-//# sourceMappingURL=InputNumberField.js.map
\ No newline at end of file
diff --git a/dist/atoms/InputNumberField.js.map b/dist/atoms/InputNumberField.js.map
deleted file mode 100644
index 2c1206d..0000000
--- a/dist/atoms/InputNumberField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"InputNumberField.js","sourceRoot":"","sources":["../../src/atoms/InputNumberField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/InputPasswordField.d.ts b/dist/atoms/InputPasswordField.d.ts
deleted file mode 100644
index 4cc9875..0000000
--- a/dist/atoms/InputPasswordField.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps & {
- customOnBlur?: (value: string | null) => any;
- hideHelp?: boolean;
-} & {
- icon: ReactNode;
- hideIcon: ReactNode;
-};
-declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
-export default _default;
diff --git a/dist/atoms/InputPasswordField.js b/dist/atoms/InputPasswordField.js
deleted file mode 100644
index 5ca77d4..0000000
--- a/dist/atoms/InputPasswordField.js
+++ /dev/null
@@ -1,54 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const antd_1 = require("antd");
-const classnames_1 = __importDefault(require("classnames"));
-const lodash_1 = require("lodash");
-const helper_1 = require("../utils/helper");
-const { Item } = antd_1.Form;
-const InputPasswordField = (props) => {
- const { input, size, placeholder, label, required, type, prefix, disabled, style, customOnBlur, meta: { form, error, touched, valid }, hideHelp, maxLength, readOnly, className, tooltip, icon, hideIcon } = props;
- const onChange = (0, react_1.useCallback)((e) => {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? e.target.value : null;
- input.onChange((0, lodash_1.trimStart)(val));
- }, [input]);
- const onBlur = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? e.target.value : null;
- // NOTE: wait until redux-form "BLUR" action is finished
- yield input.onBlur(val);
- if (customOnBlur) {
- customOnBlur(val);
- }
- }), [input, customOnBlur]);
- const onFocus = (0, react_1.useCallback)((e) => __awaiter(void 0, void 0, void 0, function* () {
- // NOTE: prevent to have "" empty string as empty value
- const val = e.target.value ? e.target.value : null;
- if (input.onFocus) {
- input.onFocus(val);
- }
- }), [input]);
- const renderToggleIcon = (visible) => {
- if (visible) {
- return icon;
- }
- return hideIcon;
- };
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, style: style, className: (0, classnames_1.default)(className, { 'form-item-disabled': disabled, readOnly }), help: hideHelp ? undefined : touched && error, validateStatus: error && touched ? 'error' : touched && valid ? 'success' : undefined, tooltip: tooltip }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input.Password, Object.assign({}, input, { id: (0, helper_1.formFieldID)(form, input.name), className: (0, classnames_1.default)('input-password'), onChange: onChange, onBlur: onBlur, size: size || 'middle', onFocus: onFocus, value: input.value, iconRender: renderToggleIcon, placeholder: placeholder, type: type || 'text', prefix: prefix, disabled: disabled, maxLength: maxLength })) })));
-};
-exports.default = (0, react_1.memo)(InputPasswordField);
-//# sourceMappingURL=InputPasswordField.js.map
\ No newline at end of file
diff --git a/dist/atoms/InputPasswordField.js.map b/dist/atoms/InputPasswordField.js.map
deleted file mode 100644
index bb3c392..0000000
--- a/dist/atoms/InputPasswordField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"InputPasswordField.js","sourceRoot":"","sources":["../../src/atoms/InputPasswordField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/Menu.d.ts b/dist/atoms/Menu.d.ts
deleted file mode 100644
index f1bb987..0000000
--- a/dist/atoms/Menu.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-///
-import { MenuProps } from 'antd/lib/menu';
-declare type Props = MenuProps;
-declare const Menu: (props: Props) => JSX.Element;
-export default Menu;
diff --git a/dist/atoms/Menu.js b/dist/atoms/Menu.js
deleted file mode 100644
index 1c134bc..0000000
--- a/dist/atoms/Menu.js
+++ /dev/null
@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const antd_1 = require("antd");
-const Menu = (props) => {
- return ((0, jsx_runtime_1.jsx)(antd_1.Menu, Object.assign({}, props)));
-};
-exports.default = Menu;
-//# sourceMappingURL=Menu.js.map
\ No newline at end of file
diff --git a/dist/atoms/Menu.js.map b/dist/atoms/Menu.js.map
deleted file mode 100644
index 47833f3..0000000
--- a/dist/atoms/Menu.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/atoms/Menu.tsx"],"names":[],"mappings":";;;AACA,+BAAuC;AAKvC,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1B,OAAO,CACH,uBAAC,WAAQ,oBAAK,KAAK,EAAI,CAC1B,CAAA;AACL,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/RadioGroupField.d.ts b/dist/atoms/RadioGroupField.d.ts
deleted file mode 100644
index 8e9dc9a..0000000
--- a/dist/atoms/RadioGroupField.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps & {
- options: any;
- direction: 'vertical' | 'horizontal';
-};
-declare const RadioGroupField: (props: Props) => JSX.Element;
-export default RadioGroupField;
diff --git a/dist/atoms/RadioGroupField.js b/dist/atoms/RadioGroupField.js
deleted file mode 100644
index cfcdd04..0000000
--- a/dist/atoms/RadioGroupField.js
+++ /dev/null
@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const antd_1 = require("antd");
-const lodash_1 = require("lodash");
-const classnames_1 = __importDefault(require("classnames"));
-const { Item } = antd_1.Form;
-const RadioGroupField = (props) => {
- const { input, label, required, options, meta: { error, touched }, className, style, direction = 'horizontal', disabled } = props;
- const radioOptions = (0, lodash_1.map)(options, (option) => {
- if (typeof option === 'string') {
- return ((0, jsx_runtime_1.jsx)(antd_1.Radio, Object.assign({ value: option }, { children: option }), option));
- }
- return ((0, jsx_runtime_1.jsxs)(antd_1.Radio, Object.assign({ className: (0, classnames_1.default)({ 'w-full': direction === 'vertical' }), value: option.value }, { children: [option.label, option.customContent ? option.customContent : null] }), `${option.value}`));
- });
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ required: required, label: label, help: touched && error, validateStatus: error && touched ? 'error' : undefined, style: style, className: (0, classnames_1.default)(className, 'radio', { 'radio-has-error': error && touched }) }, { children: (0, jsx_runtime_1.jsx)(antd_1.Radio.Group, Object.assign({ value: input.value || [], onChange: input.onChange, className: (0, classnames_1.default)({ flex: direction === 'horizontal', block: direction === 'vertical' }), disabled: disabled }, { children: radioOptions })) })));
-};
-exports.default = RadioGroupField;
-//# sourceMappingURL=RadioGroupField.js.map
\ No newline at end of file
diff --git a/dist/atoms/RadioGroupField.js.map b/dist/atoms/RadioGroupField.js.map
deleted file mode 100644
index a468beb..0000000
--- a/dist/atoms/RadioGroupField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroupField.js","sourceRoot":"","sources":["../../src/atoms/RadioGroupField.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAkC;AAIlC,mCAA4B;AAC5B,4DAA2B;AAE3B,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AASrB,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACxB,SAAS,EACT,KAAK,EACL,SAAS,GAAG,YAAY,EACxB,QAAQ,EACR,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,IAAA,YAAG,EAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;QAC5C,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC/B,OAAO,CACN,uBAAC,YAAK,kBAAc,KAAK,EAAE,MAAM,gBAC/B,MAAM,KADI,MAAM,CAEV,CACR,CAAA;SACD;QACD,OAAO,CACN,wBAAC,YAAK,kBAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,QAAQ,EAAE,SAAS,KAAK,UAAU,EAAE,CAAC,EAA0B,KAAK,EAAE,MAAM,CAAC,KAAK,iBACvG,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,MAFe,GAAG,MAAM,CAAC,KAAK,EAAE,CAG5E,CACR,CAAA;IACF,CAAC,CAAC,CAAA;IAEF,OAAO,CACN,uBAAC,IAAI,kBACJ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,OAAO,IAAI,KAAK,EACtB,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE,OAAO,EAAE,EAAE,iBAAiB,EAAE,KAAK,IAAI,OAAO,EAAE,CAAC,gBAE1E,uBAAC,YAAK,CAAC,KAAK,kBAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,IAAI,EAAE,SAAS,KAAK,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,gBACvK,YAAY,IACA,IACR,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/SelectField.d.ts b/dist/atoms/SelectField.d.ts
deleted file mode 100644
index ee4a443..0000000
--- a/dist/atoms/SelectField.d.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-import { FormAction, WrappedFieldProps } from 'redux-form';
-import { SelectProps } from 'antd/lib/select';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { FIELD_MODE } from '../utils/enums';
-declare type Action = {
- title: string;
- icon?: ReactNode;
- onAction: () => void;
-};
-export declare type Props = {
- indicator: any;
- update?: (value: any, ref: any) => FormAction;
- actions?: Action[] | null;
- allowInfinityScroll?: boolean;
- maxTagLength?: number;
- fieldMode?: FIELD_MODE;
- maxTagsLimit?: number;
- backgroundColor?: string;
- showErrorWhenUntouched?: boolean;
- hideHelp?: boolean;
- hasExtra?: boolean;
- /** Klúč podľa ktorého sa vytiahnu dáta v onSearch */
- dataSourcePath?: string;
- /** propa urcena predovsetkym pre filtre, kedy mozeme skopirovat URL na novy TAB
- * propa zabezpeci spravne initializovanie z query filtra a formu filtra (forcne dotiahnutie options dat pre select)
- * posielat len vtedy ak mame v selecte search a dotahujeme vsetky data (spravidla vtedy ked nie je BE vyhladavanie, alebo neexistuje paginacia)
- */
- onDidMountSearch?: boolean;
- /**
- * Propa renderuje labels vo vnútri vstupného poľa
- * Use case: po vybraní položky z dropdown chcem aby sa položka vyrenderovala do inputu nezávysle od toho ako sa renderuje v dropdowne
- */
- renderInnerLabel?: (option: any, parentOpt: any) => ReactNode | string;
- emptyText?: string;
- itemRef?: any;
- autoBlur?: boolean;
- readOnly?: boolean;
- disableTpStyles?: boolean;
- disableMenuItemSelectedIcon?: boolean;
- onSelect?: (opt: any, option: any, value: any) => any;
- optionRender?: any;
-} & WrappedFieldProps & SelectProps & FormItemProps;
-declare const SelectField: (props: Props) => JSX.Element;
-export default SelectField;
diff --git a/dist/atoms/SelectField.js b/dist/atoms/SelectField.js
deleted file mode 100644
index d5a8a95..0000000
--- a/dist/atoms/SelectField.js
+++ /dev/null
@@ -1,262 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
- return new (P || (P = Promise))(function (resolve, reject) {
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
- step((generator = generator.apply(thisArg, _arguments || [])).next());
- });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const lodash_1 = require("lodash");
-// ant
-const antd_1 = require("antd");
-const helper_1 = require("../utils/helper");
-const enums_1 = require("../utils/enums");
-const { Item } = antd_1.Form;
-const { Option } = antd_1.Select;
-const setGetPopupContainer = (mode, getPopupContainer) => {
- let popupContainer = (node) => node;
- // ak je multiple alebo tags tak sa nastavuje pre .ant-select-selector overflow: auto, aby sa scrollovali selectnute multiple option v selecte preto sa nastavuje container na document.body (aby sa to vzdy z hora nemuselo posielat)
- if (mode === 'multiple' || mode === 'tags') {
- popupContainer = (node) => node.closest('.ant-drawer-body') || node.closest('.ant-modal-body') || document.body;
- }
- else if (getPopupContainer) {
- // Ak existuje getPopupContainer nastav ho -> vacsinou v editovatelnych tabulkach sa posiela
- popupContainer = getPopupContainer;
- }
- return popupContainer;
-};
-const renderMenuItemSelectedIcon = (mode, menuItemSelectedIcon, disableMenuItemSelectedIcon) => {
- // NOTE: menuItemSelectedIcon sa renderuje len ak je select typu tags / multiple alebo ak pretazim logiku a zhora ju poslem v prope menuItemSelectedIcon
- let icon;
- if (menuItemSelectedIcon) {
- icon = menuItemSelectedIcon;
- }
- else if (disableMenuItemSelectedIcon) {
- icon = null;
- }
- else if ((mode === 'tags' || mode === 'multiple') && !disableMenuItemSelectedIcon) {
- icon = menuItemSelectedIcon;
- }
- return icon;
-};
-const getOptions = (optionRender, options) => (0, lodash_1.map)(options, (option) => ((0, jsx_runtime_1.jsx)(Option, Object.assign({ value: option.value, disabled: option.disabled, label: option.label, extra: option.extra }, { children: optionRender ? optionRender(option) : option.label }), option.key)));
-const customDropdown = (actions, menu, fetching, indicator) => {
- const divider = (0, lodash_1.isEmpty)(actions) ? null : (0, jsx_runtime_1.jsx)(antd_1.Divider, { style: { margin: 0 } });
- return ((0, jsx_runtime_1.jsxs)(antd_1.Spin, Object.assign({ style: { margin: '10px', justifyContent: 'flex-start' }, indicator: indicator, className: 'flex-center', tip: 'Načítavam...', spinning: fetching }, { children: [menu, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'w-11/12 m-auto' }, { children: divider })), (0, lodash_1.map)(actions, (item, index) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex items-center h-12' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, Object.assign({ type: 'link', size: 'large', htmlType: 'button', className: 'btn', icon: item.icon, onClick: item.onAction }, { children: item.title }), item.title) }), index)))] })));
-};
-const handleChange = (data) => __awaiter(void 0, void 0, void 0, function* () {
- const { value, options, autoBlur, hasExtra, input, itemRef, maxTagLength, maxTagsLimit, mode, update } = data;
- let val = value;
- // NOTE condition for checking if select field has 'tags' mode with maxTagLength prop for checking length string of added tag
- // if input value's length is larger than maxTagLength, filter this value from tags
- if (mode === 'tags' && maxTagLength && (0, lodash_1.size)((0, lodash_1.last)(value)) > maxTagLength) {
- val = (0, lodash_1.filter)(value, (v, i) => i !== value.length - 1);
- }
- // NOTE: extra data k value, key, label ak potrebujeme poslat ine data -> eg. pri reservacii sa neposiela ID travelera ale cely objekt
- if ((mode === 'tags' || mode === 'multiple') && hasExtra) {
- val = (0, lodash_1.map)(value, (valInput) => {
- var _a;
- return (Object.assign(Object.assign({}, valInput), { extra: (_a = (0, lodash_1.find)(options, (item) => item.value === valInput.value)) === null || _a === void 0 ? void 0 : _a.extra }));
- });
- }
- else if (hasExtra && (options === null || options === void 0 ? void 0 : options.extra)) {
- val = Object.assign(Object.assign({}, value), { extra: options === null || options === void 0 ? void 0 : options.extra });
- }
- if (maxTagsLimit && (val === null || val === void 0 ? void 0 : val.length) > maxTagsLimit) {
- val = (0, lodash_1.take)(val, maxTagsLimit);
- }
- yield input.onChange(val === undefined ? null : val);
- if (update) {
- // NOTE: update prop for onSelect and onDeselect submitting form (eg. setting Tags)
- update(val, itemRef.current);
- }
- if (autoBlur && itemRef.current) {
- itemRef.current.blur();
- }
-});
-const fetchSearchData = ({ selectState, value, page, onSearch, dataSourcePath, allowInfinityScroll, missingValues }) => __awaiter(void 0, void 0, void 0, function* () {
- let newState = {};
- try {
- let collectedData = [];
- if (page !== 1 && selectState.data)
- collectedData = selectState.data;
- const newData = yield onSearch(value, page, missingValues);
- const dataOptions = (0, lodash_1.get)(newData, dataSourcePath);
- if (newData.pagination || dataOptions) {
- const mergedData = [...collectedData, ...dataOptions];
- newState = { data: mergedData, pagination: newData.pagination, fetching: false };
- }
- else if (!allowInfinityScroll && (0, lodash_1.isArray)(newData)) {
- // NOTE: Výsledky sa nedoliepajú
- newState = { data: newData, fetching: false };
- }
- else {
- newState = {
- data: [],
- pagination: null,
- fetching: false,
- searchValue: ''
- };
- }
- if (newData.emptyText) {
- newState = {
- emptyText: newData.emptyText
- };
- }
- }
- catch (e) {
- newState = {
- data: [],
- pagination: null,
- fetching: false,
- searchValue: ''
- };
- }
- return newState;
-});
-const SelectField = (props) => {
- const { input, size, placeholder, label, required, meta, showErrorWhenUntouched, hideHelp, options, loading, mode, tagRender, allowClear, style, showSearch, filterOption, suffixIcon, labelInValue, actions, disabled, notFoundContent, removeIcon, allowInfinityScroll, defaultValue, backgroundColor, clearIcon, className, optionLabelProp, open, showArrow, menuItemSelectedIcon, dropdownClassName, dropdownStyle, dropdownMatchSelectWidth = true, listHeight, emptyText, bordered, autoClearSearchValue, maxTagTextLength, showAction, getPopupContainer, disableMenuItemSelectedIcon, fieldMode = enums_1.FIELD_MODE.INPUT, readOnly, disableTpStyles = false, autoFocus, optionRender, dataSourcePath = 'data', onDidMountSearch, update, maxTagLength, maxTagsLimit, autoBlur, indicator, hasExtra } = props;
- const localItemRef = (0, react_1.useRef)();
- const itemRef = props.itemRef || localItemRef;
- const [selectState, setSelectState] = (0, react_1.useState)({
- data: [],
- fetching: false,
- searchValue: '',
- emptyText: null,
- pagination: null
- });
- const renderDropdown = (0, react_1.useCallback)((antdActions) => (menu) => {
- return customDropdown(antdActions, menu, selectState.fetching, indicator);
- }, [selectState.fetching]);
- const handleSearch = (0, react_1.useCallback)((value = '', page = 1, missingValues = []) => __awaiter(void 0, void 0, void 0, function* () {
- const onSearch = props.onSearch;
- if (selectState.fetching) {
- return;
- }
- if (onSearch) {
- setSelectState(Object.assign(Object.assign({}, selectState), { fetching: true, searchValue: value }));
- const newState = yield fetchSearchData({ selectState, value, page, onSearch, dataSourcePath, allowInfinityScroll, missingValues });
- setSelectState(newState);
- }
- }), [selectState, allowInfinityScroll, dataSourcePath, props.onSearch]);
- const onSearchDebounced = (0, react_1.useMemo)(() => (0, lodash_1.debounce)(handleSearch, 300), [handleSearch]);
- const onChange = (0, react_1.useCallback)((value, antdOptions) => __awaiter(void 0, void 0, void 0, function* () {
- if (!input.onChange)
- return;
- handleChange({ value, options: antdOptions, autoBlur, hasExtra, input, itemRef, maxTagLength, maxTagsLimit, mode, update });
- }), [autoBlur, hasExtra, input, itemRef, maxTagLength, maxTagsLimit, mode, update]);
- const onSelectWrap = (value, option) => __awaiter(void 0, void 0, void 0, function* () {
- var _a;
- const { onSelect } = props;
- if (onSelect) {
- let opt;
- if ((mode === 'tags' || mode === 'multiple') && hasExtra) {
- opt = Object.assign(Object.assign({}, value), { extra: (_a = (0, lodash_1.find)(options, (item) => Number(item.value) === value.value)) === null || _a === void 0 ? void 0 : _a.extra });
- }
- else {
- opt = Object.assign({}, value);
- }
- yield onSelect(opt, option, input.value);
- }
- });
- const onDeselectWrap = (value, option) => __awaiter(void 0, void 0, void 0, function* () {
- var _b;
- const { onDeselect } = props;
- if (onDeselect) {
- let val;
- if ((mode === 'tags' || mode === 'multiple') && hasExtra) {
- val = Object.assign(Object.assign({}, value), { extra: (_b = (0, lodash_1.find)(options, (item) => Number(item.value) === value.value)) === null || _b === void 0 ? void 0 : _b.extra });
- }
- yield onDeselect(val, option);
- }
- });
- const onScroll = (0, react_1.useCallback)((e) => {
- let hasMore = true;
- let nextPage = 1;
- const { pagination, searchValue, fetching } = selectState;
- if (pagination) {
- hasMore = pagination.page < pagination.totalPages;
- nextPage = pagination.page + 1;
- }
- if (Math.ceil(e.target.scrollTop + e.target.offsetHeight) >= e.target.scrollHeight && !fetching && hasMore) {
- handleSearch(searchValue, nextPage);
- }
- }, [selectState, handleSearch]);
- const onDropdownVisibleChange = (0, react_1.useCallback)((isOpen) => {
- const { onSearch } = props;
- if (isOpen && onSearch) {
- // NOTE: Po vyhladani, vybrani polozky a znovu otvoreni ostavali vo vysledkoch stare vyhladane vysledky, nie 1. strana zo vsetkych
- handleSearch('', 1);
- }
- },
- // eslint-disable-next-line react-hooks/exhaustive-deps
- [handleSearch, props.onSearch]);
- const onBlur = () => {
- // NOTE: let the function empty
- };
- const onFocus = (0, react_1.useCallback)((e) => {
- if (input.onFocus) {
- input.onFocus(e);
- }
- }, [input]);
- (0, react_1.useEffect)(() => {
- if (onDidMountSearch) {
- handleSearch('', 1);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [onDidMountSearch]);
- /**
- * check if initial selected values are all loaded
- * only for select with pagination (allowInfinityScroll)
- */
- const checkInitialSelectedValues = (0, react_1.useRef)(true);
- (0, react_1.useEffect)(() => {
- var _a;
- // options must be loaded and input value available to run the check
- if (!onDidMountSearch || !allowInfinityScroll || ((_a = selectState.data) === null || _a === void 0 ? void 0 : _a.length) === 0 || !input.value || !checkInitialSelectedValues.current)
- return;
- // check if all input values are loaded
- const values = (0, lodash_1.isArray)(input.value) ? new Set([...input.value]) : new Set([input.value]);
- (0, lodash_1.some)(selectState.data, (item) => {
- if (values.has(item.value))
- values.delete(item.value);
- if (values.size === 0)
- return true;
- return false;
- });
- // refetch options if any value is missing
- if (values.size > 0)
- handleSearch('', 1, [...values]);
- checkInitialSelectedValues.current = false;
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [input.value, selectState.data]);
- const localFilterOption = (inputValue, option) => (0, helper_1.createSlug)(option.label.toLowerCase()).indexOf((0, helper_1.createSlug)(inputValue.toLowerCase())) >= 0;
- const value = input.value === null || input.value === '' ? undefined : input.value;
- let opt = options;
- if ((0, lodash_1.isEmpty)(options) && (0, lodash_1.isEmpty)(selectState.data)) {
- opt = [];
- }
- else if ((0, lodash_1.isEmpty)(options)) {
- opt = selectState.data;
- }
- let suffIcon;
- if (!loading && !selectState.fetching) {
- suffIcon = suffixIcon;
- }
- let notFound = notFoundContent;
- if (emptyText || selectState.emptyText) {
- notFound = (0, jsx_runtime_1.jsx)(antd_1.Empty, { className: 'm-4', image: antd_1.Empty.PRESENTED_IMAGE_SIMPLE, description: selectState.emptyText || emptyText });
- }
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ label: label, required: required, style: style, className: (0, classnames_1.default)(className, { 'form-item-disabled': disabled, readOnly }), help: ((meta === null || meta === void 0 ? void 0 : meta.touched) || showErrorWhenUntouched) && !hideHelp && (0, lodash_1.isString)(meta === null || meta === void 0 ? void 0 : meta.error) ? meta === null || meta === void 0 ? void 0 : meta.error : undefined, validateStatus: ((meta === null || meta === void 0 ? void 0 : meta.touched) || showErrorWhenUntouched) && (meta === null || meta === void 0 ? void 0 : meta.error) ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(antd_1.Select, Object.assign({ bordered: bordered, style: { backgroundColor }, className: (0, classnames_1.default)({ 'select-input': !disableTpStyles, rounded: backgroundColor, 'filter-select': fieldMode === enums_1.FIELD_MODE.FILTER }), tagRender: tagRender, mode: mode }, input, { id: (0, helper_1.formFieldID)(meta.form, input.name), onFocus: onFocus, onChange: onChange, size: size || 'middle', value: value, onBlur: onBlur, placeholder: placeholder || '', loading: loading || selectState.fetching, clearIcon: clearIcon, allowClear: allowClear, showSearch: showSearch, filterOption: filterOption && localFilterOption, onSearch: showSearch ? onSearchDebounced : undefined, suffixIcon: suffIcon, labelInValue: labelInValue, dropdownRender: props.dropdownRender || renderDropdown(actions), disabled: disabled, removeIcon: removeIcon, notFoundContent: notFound, onPopupScroll: allowInfinityScroll ? onScroll : undefined, onDropdownVisibleChange: onDropdownVisibleChange, ref: itemRef, defaultValue: defaultValue, optionLabelProp: optionLabelProp, open: open, onDeselect: onDeselectWrap, onSelect: onSelectWrap, showArrow: showArrow, menuItemSelectedIcon: renderMenuItemSelectedIcon(mode, menuItemSelectedIcon, disableMenuItemSelectedIcon), popupClassName: (0, classnames_1.default)(`select-dropdown ${dropdownClassName}`, { 'dropdown-match-select-width': dropdownMatchSelectWidth }), dropdownStyle: dropdownStyle, dropdownMatchSelectWidth: dropdownMatchSelectWidth, listHeight: listHeight, autoClearSearchValue: autoClearSearchValue, maxTagTextLength: maxTagTextLength, showAction: showAction, getPopupContainer: setGetPopupContainer(mode, getPopupContainer), autoFocus: autoFocus }, { autoComplete: 'new-password' }, { children: getOptions(optionRender, opt) })) })));
-};
-exports.default = SelectField;
-//# sourceMappingURL=SelectField.js.map
\ No newline at end of file
diff --git a/dist/atoms/SelectField.js.map b/dist/atoms/SelectField.js.map
deleted file mode 100644
index e63f94a..0000000
--- a/dist/atoms/SelectField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/atoms/SelectField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/SwitchField.d.ts b/dist/atoms/SwitchField.d.ts
deleted file mode 100644
index d5abcff..0000000
--- a/dist/atoms/SwitchField.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-import { SwitchProps } from 'antd/lib/switch';
-declare type Props = WrappedFieldProps & SwitchProps & FormItemLabelProps & {
- suffixIcon?: JSX.Element;
- offsetLabel?: boolean;
- extraText?: any;
- description?: string;
- customLabel?: any;
- customOnChange?: (value: boolean) => void;
-};
-declare const SwitchField: (props: Props) => JSX.Element;
-export default SwitchField;
diff --git a/dist/atoms/SwitchField.js b/dist/atoms/SwitchField.js
deleted file mode 100644
index 3eee09d..0000000
--- a/dist/atoms/SwitchField.js
+++ /dev/null
@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const antd_1 = require("antd");
-const helper_1 = require("../utils/helper");
-const enums_1 = require("../utils/enums");
-const { Item } = antd_1.Form;
-const SwitchField = (props) => {
- const { input, label, disabled, meta: { form, error, touched }, style, size, onClick, checked, className, suffixIcon, extraText, description, offsetLabel, customLabel, customOnChange } = props;
- // NOTE: ak existuje label znamena to ze switch je pouzity ako label vo forme a vtedy sa pouzije novy layout ikona + label text + switch
- // Ak nie je label pouzite je v tabulke alebo vo filtri a vtedy sa nerenderuje label ani ikona ale len samotny switch field
- const checkedState = input.value === 'true' || input.value === true || checked;
- const onChange = (0, react_1.useCallback)((chck) => {
- if (customOnChange) {
- customOnChange(chck);
- }
- else {
- input.onChange(chck);
- }
- }, [input, customOnChange]);
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ help: touched && error, validateStatus: error && touched ? 'error' : undefined, style: style, className: (0, classnames_1.default)(className, { 'pt-25px': offsetLabel }) }, { children: label || customLabel ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('switch', { 'pointer-events-none': disabled, 'bg-gray-50': disabled }), onClick: () => onChange(!checkedState), onKeyDown: (e) => {
- if (e.key === enums_1.KEYBOARD_KEY.ENTER) {
- onChange(!checkedState);
- }
- }, role: 'checkbox', "aria-checked": checkedState, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex items-center justify-between w-full' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'switch-label flex items-center w-11/12' }, { children: [customLabel || ((0, jsx_runtime_1.jsx)(antd_1.Typography.Paragraph, Object.assign({ ellipsis: { rows: 1, tooltip: true }, className: 'label' }, { children: label }))), description && ((0, jsx_runtime_1.jsx)(antd_1.Tooltip, Object.assign({ title: description, className: 'cursor-pointer' }, { children: suffixIcon })))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex justify-end extra-text w-2/12 sm:w-4/12 text-right', { 'text-blue-600': checkedState }) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: extraText }), (0, jsx_runtime_1.jsx)("span", Object.assign({ id: (0, helper_1.formFieldID)(form, input.name) }, { children: (0, jsx_runtime_1.jsx)(antd_1.Switch, { className: 'ml-2', checked: checkedState, disabled: disabled, size: size, onClick: onClick, tabIndex: -1 }) }))] }))] })) }))) : ((0, jsx_runtime_1.jsx)(antd_1.Switch, { onChange: onChange, checked: checkedState, disabled: disabled, size: size, onClick: onClick })) })));
-};
-exports.default = SwitchField;
-//# sourceMappingURL=SwitchField.js.map
\ No newline at end of file
diff --git a/dist/atoms/SwitchField.js.map b/dist/atoms/SwitchField.js.map
deleted file mode 100644
index a6e1c88..0000000
--- a/dist/atoms/SwitchField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../src/atoms/SwitchField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/TextareaField.d.ts b/dist/atoms/TextareaField.d.ts
deleted file mode 100644
index 2e178e1..0000000
--- a/dist/atoms/TextareaField.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { TextAreaProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & TextAreaProps & FormItemLabelProps & {
- focusRow?: number;
- showLettersCount?: boolean;
-};
-declare const TextareaField: (props: Props) => JSX.Element;
-export default TextareaField;
diff --git a/dist/atoms/TextareaField.js b/dist/atoms/TextareaField.js
deleted file mode 100644
index 22809ee..0000000
--- a/dist/atoms/TextareaField.js
+++ /dev/null
@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lodash_1 = require("lodash");
-const antd_1 = require("antd");
-const classnames_1 = __importDefault(require("classnames"));
-const TextareaField = (props) => {
- const { input, prefix, disabled, label, placeholder, required, meta: { error, touched, valid }, rows, autoSize, allowClear, style, maxLength, focusRow, readOnly, className, size, showLettersCount } = props;
- const [autoSizeState, setSutoSizeState] = (0, react_1.useState)(undefined);
- const ref = (0, react_1.useRef)(null);
- const parseValue = (value) => (0, lodash_1.trimStart)(value) || null;
- const onChange = (0, react_1.useCallback)((e) => {
- if (input.onChange) {
- const val = parseValue((0, lodash_1.get)(e, 'target.value'));
- input.onChange(val, e.target.name);
- }
- }, [input]);
- // TODO typescript build
- const onFocus = (0, react_1.useCallback)((e) => {
- if (input.onFocus) {
- input.onFocus(e);
- }
- if (focusRow) {
- setSutoSizeState({ minRows: focusRow, maxRows: 10 });
- // ref?.current?.resizableTextArea?.resizeOnNextFrame()
- }
- }, [focusRow, input, setSutoSizeState]);
- const onBlur = (0, react_1.useCallback)((e) => {
- if (input.onBlur) {
- const val = parseValue((0, lodash_1.get)(e, 'target.value'));
- input.onBlur(val, e.target.name);
- }
- if (focusRow) {
- setSutoSizeState({ minRows: 1, maxRows: 10 });
- // ref?.current?.resizableTextArea?.resizeOnNextFrame()
- }
- }, [focusRow, input, setSutoSizeState]);
- const lettersCount = (0, react_1.useMemo)(() => {
- var _a;
- return ((0, jsx_runtime_1.jsxs)(antd_1.Row, Object.assign({ className: 'justify-between w-full pr-2' }, { children: [(0, jsx_runtime_1.jsx)("span", { children: label }), (0, jsx_runtime_1.jsx)("i", Object.assign({ className: 'xs-regular letters-count', style: { lineHeight: '22px' } }, { children: `${(_a = input === null || input === void 0 ? void 0 : input.value) === null || _a === void 0 ? void 0 : _a.length}/${maxLength}` }))] })));
- }, [maxLength, input, label]);
- return ((0, jsx_runtime_1.jsx)(antd_1.Form.Item, Object.assign({ label: showLettersCount ? lettersCount : label, required: required, style: style, help: touched && error, className: (0, classnames_1.default)(className, { 'form-item-disabled': disabled, readOnly }), validateStatus: error && touched ? 'error' : touched && valid ? 'success' : undefined }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input.TextArea, Object.assign({}, input, { onChange: onChange, className: 'textarea', value: input.value, onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, prefix: prefix, disabled: disabled, rows: rows, autoSize: autoSizeState || autoSize, allowClear: allowClear, maxLength: maxLength, ref: ref, size: size })) })));
-};
-exports.default = TextareaField;
-//# sourceMappingURL=TextareaField.js.map
\ No newline at end of file
diff --git a/dist/atoms/TextareaField.js.map b/dist/atoms/TextareaField.js.map
deleted file mode 100644
index f33c3e4..0000000
--- a/dist/atoms/TextareaField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../src/atoms/TextareaField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/TimeField.d.ts b/dist/atoms/TimeField.d.ts
deleted file mode 100644
index 2d426dc..0000000
--- a/dist/atoms/TimeField.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { KeyboardEvent, Component } from 'react';
-import { WrappedFieldProps } from 'redux-form';
-import { Dayjs } from 'dayjs';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-import { TimePickerProps } from 'antd/lib/time-picker';
-declare type Props = WrappedFieldProps & FormItemProps & TimePickerProps & {
- timeFormat?: string;
-};
-declare class TimeField extends Component {
- state: {
- close: any;
- };
- onKeyDown: (e: KeyboardEvent) => void;
- onChangeWrap: (value: Dayjs) => void;
- onClear: (value: Dayjs | null) => void;
- render(): JSX.Element;
-}
-export default TimeField;
diff --git a/dist/atoms/TimeField.js b/dist/atoms/TimeField.js
deleted file mode 100644
index 0d98815..0000000
--- a/dist/atoms/TimeField.js
+++ /dev/null
@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dayjs_1 = __importDefault(require("dayjs"));
-const antd_1 = require("antd");
-const enums_1 = require("../utils/enums");
-// eslint-disable-next-line import/no-cycle
-const helper_1 = require("../utils/helper");
-class TimeField extends react_1.Component {
- constructor() {
- super(...arguments);
- this.state = { close: undefined };
- this.onKeyDown = (e) => {
- if (e.keyCode === 13) {
- this.setState({ close: true }, () => {
- this.setState({ close: undefined });
- });
- }
- };
- this.onChangeWrap = (value) => {
- const { input, timeFormat = enums_1.DEFAULT_TIME_FORMAT } = this.props;
- const timeString = value.format(timeFormat);
- input.onChange(timeString || null);
- };
- this.onClear = (value) => {
- const { input } = this.props;
- if (!value) {
- input.onChange(null);
- }
- else {
- this.onChangeWrap(value);
- }
- };
- }
- render() {
- const { input, label, required, style, meta: { error, touched, form }, timeFormat = enums_1.DEFAULT_TIME_FORMAT, placeholder, disabled, allowClear, minuteStep, getPopupContainer, popupClassName, clearIcon, suffixIcon, size } = this.props;
- let value;
- if (input.value) {
- value = (0, dayjs_1.default)(input.value, timeFormat);
- }
- const control = this.state.close ? { open: false } : {};
- return ((0, jsx_runtime_1.jsx)(antd_1.Form.Item, Object.assign({ label: label, required: required, style: style, help: touched && error, validateStatus: error && touched ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ onKeyDown: this.onKeyDown, role: 'button', tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(antd_1.TimePicker, Object.assign({ id: (0, helper_1.formFieldID)(form, input.name), dropdownAlign: enums_1.DROPDOWN_POSITION.BOTTOM_LEFT, onSelect: this.onChangeWrap, onChange: this.onClear, format: timeFormat, value: value, className: 'date-input time-input', popupClassName: popupClassName || 'time-dropdown', suffixIcon: suffixIcon, placeholder: placeholder, disabled: disabled, clearIcon: clearIcon, allowClear: allowClear, minuteStep: minuteStep, getPopupContainer: getPopupContainer || ((node) => node), size: size }, control)) })) })));
- }
-}
-exports.default = TimeField;
-//# sourceMappingURL=TimeField.js.map
\ No newline at end of file
diff --git a/dist/atoms/TimeField.js.map b/dist/atoms/TimeField.js.map
deleted file mode 100644
index 381a004..0000000
--- a/dist/atoms/TimeField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../src/atoms/TimeField.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/atoms/TimeRangeField.d.ts b/dist/atoms/TimeRangeField.d.ts
deleted file mode 100644
index 2789e24..0000000
--- a/dist/atoms/TimeRangeField.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-///
-import { BaseFieldsProps, WrappedFieldsProps } from 'redux-form';
-import { TimePickerProps } from 'antd/lib/time-picker';
-import { FormItemProps } from 'antd/lib/form/FormItem';
-declare type Props = WrappedFieldsProps & TimePickerProps & FormItemProps & BaseFieldsProps & {
- placeholders: string[];
- labels?: string[];
- timeFormat?: string;
- itemClassName?: string;
- hideHelp?: boolean;
-};
-declare const TimeRangeField: (props: Props) => JSX.Element;
-export default TimeRangeField;
diff --git a/dist/atoms/TimeRangeField.js b/dist/atoms/TimeRangeField.js
deleted file mode 100644
index 1d223d1..0000000
--- a/dist/atoms/TimeRangeField.js
+++ /dev/null
@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = require("lodash");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const dayjs_1 = __importDefault(require("dayjs"));
-const antd_1 = require("antd");
-const helper_1 = require("../utils/helper");
-const enums_1 = require("../utils/enums");
-const icons_1 = require("@ant-design/icons");
-const { Item } = antd_1.Form;
-const TimeRangeField = (props) => {
- const { names, placeholders, labels, disabled, clearIcon, allowClear, minuteStep, getPopupContainer, required, size, itemClassName, timeFormat = enums_1.DEFAULT_TIME_FORMAT, hideHelp } = props;
- return ((0, jsx_runtime_1.jsx)(antd_1.Row, Object.assign({ gutter: enums_1.ROW_GUTTER_X_DEFAULT }, { children: (0, lodash_1.map)(names, (name, index) => {
- const meta = (0, lodash_1.get)(props, `${name}.meta`);
- const input = (0, lodash_1.get)(props, `${name}.input`);
- const inputRef = (0, react_1.createRef)();
- let pickerValue;
- if (input.value) {
- pickerValue = (0, dayjs_1.default)(input.value, timeFormat);
- }
- const onChangeWrap = (valueWithSeconds) => {
- var _a;
- // NOTE: neporovnavaj sekundy, ak kliknes na dropdown tlacidlo "Teraz"
- const value = valueWithSeconds.set('seconds', 0).set('milliseconds', 0);
- let newValue = value.format(timeFormat);
- const other = (0, dayjs_1.default)((0, lodash_1.get)(props, `${names[index === 0 ? 1 : 0]}.input.value`), timeFormat);
- let isNorm;
- if (index === 0 && value >= other) {
- newValue = other.subtract(1, 'minute').format(timeFormat);
- isNorm = true;
- }
- else if (index === 1 && value <= other) {
- newValue = other.set('minutes', other.minute() + 1).format(timeFormat);
- isNorm = true;
- }
- // NOTE: blurni input aby sa normalizovana hodnota prejavila hned po vybere
- if (isNorm) {
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
- }
- input.onChange(newValue);
- };
- const onClear = (value) => {
- if (!value) {
- input.onChange(null);
- }
- else {
- onChangeWrap(value);
- }
- };
- return ((0, jsx_runtime_1.jsx)(antd_1.Col, Object.assign({ span: 12 }, { children: (0, jsx_runtime_1.jsx)(Item, Object.assign({ className: (0, classnames_1.default)('w-full', itemClassName), label: labels === null || labels === void 0 ? void 0 : labels[index], required: required, help: hideHelp ? undefined : meta.touched && meta.error, validateStatus: meta.touched && meta.error ? 'error' : undefined }, { children: (0, jsx_runtime_1.jsx)(antd_1.TimePicker, { ref: inputRef, id: (0, helper_1.formFieldID)(meta.form, input.name), dropdownAlign: enums_1.DROPDOWN_POSITION.BOTTOM_LEFT, onSelect: onChangeWrap, onChange: onClear, format: timeFormat, value: pickerValue, className: 'w-full date-input time-input', popupClassName: 'time-dropdown', size: size, suffixIcon: (0, jsx_runtime_1.jsx)(icons_1.ClockCircleOutlined, { className: 'text-black' }), placeholder: placeholders[index], disabled: disabled, clearIcon: clearIcon, allowClear: allowClear, minuteStep: minuteStep, getPopupContainer: getPopupContainer || ((node) => node) }) })) }), name));
- }) })));
-};
-exports.default = TimeRangeField;
-//# sourceMappingURL=TimeRangeField.js.map
\ No newline at end of file
diff --git a/dist/atoms/TimeRangeField.js.map b/dist/atoms/TimeRangeField.js.map
deleted file mode 100644
index 31eeacc..0000000
--- a/dist/atoms/TimeRangeField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"TimeRangeField.js","sourceRoot":"","sources":["../../src/atoms/TimeRangeField.tsx"],"names":[],"mappings":";;;;;;AACA,mCAAiC;AACjC,4DAA2B;AAE3B,iCAAiC;AACjC,kDAAoC;AAEpC,+BAAiD;AAIjD,4CAA6C;AAC7C,0CAA6F;AAC7F,6CAAuD;AAavD,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AAErB,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,2BAAmB,EAChC,QAAQ,EACR,GAAG,KAAK,CAAA;IAET,OAAO,CACN,uBAAC,UAAG,kBAAC,MAAM,EAAE,4BAAoB,gBAC/B,IAAA,YAAG,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE;YACnC,MAAM,IAAI,GAAG,IAAA,YAAG,EAAC,KAAK,EAAE,GAAG,IAAI,OAAO,CAAQ,CAAA;YAC9C,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,KAAK,EAAE,GAAG,IAAI,QAAQ,CAAQ,CAAA;YAChD,MAAM,QAAQ,GAAG,IAAA,iBAAS,GAAO,CAAA;YAEjC,IAAI,WAAW,CAAA;YACf,IAAI,KAAK,CAAC,KAAK,EAAE;gBAChB,WAAW,GAAG,IAAA,eAAK,EAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;aAC5C;YAED,MAAM,YAAY,GAAG,CAAC,gBAAuB,EAAE,EAAE;;gBAChD,sEAAsE;gBACtE,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;gBAEvE,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;gBACvC,MAAM,KAAK,GAAG,IAAA,eAAK,EAAC,IAAA,YAAG,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAQ,EAAE,UAAU,CAAC,CAAA;gBAC/F,IAAI,MAAM,CAAA;gBAEV,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,KAAK,EAAE;oBAClC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;oBACzD,MAAM,GAAG,IAAI,CAAA;iBACb;qBAAM,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,KAAK,EAAE;oBACzC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;oBACtE,MAAM,GAAG,IAAI,CAAA;iBACb;gBAED,2EAA2E;gBAC3E,IAAI,MAAM,EAAE;oBACX,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,IAAI,EAAE,CAAA;iBACzB;gBAED,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;gBACvC,IAAI,CAAC,KAAK,EAAE;oBACX,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;iBACpB;qBAAM;oBACN,YAAY,CAAC,KAAK,CAAC,CAAA;iBACnB;YACF,CAAC,CAAA;YAED,OAAO,CACN,uBAAC,UAAG,kBAAC,IAAI,EAAE,EAAE,gBACZ,uBAAC,IAAI,kBACJ,SAAS,EAAE,IAAA,oBAAE,EAAC,QAAQ,EAAE,aAAa,CAAC,EACtC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,EACvD,cAAc,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAEhE,uBAAC,iBAAU,IACV,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,IAAA,oBAAW,EAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACtC,aAAa,EAAE,yBAAiB,CAAC,WAAW,EAC5C,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,8BAA8B,EACzC,cAAc,EAAE,eAAe,EAC/B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,uBAAC,2BAAmB,IAAC,SAAS,EAAE,YAAY,GAAI,EAC5D,WAAW,EAAE,YAAY,CAAC,KAAK,CAAQ,EACvC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAC5D,IACI,KA3BY,IAAI,CA4BlB,CACN,CAAA;QACF,CAAC,CAAC,IACG,CACN,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
\ No newline at end of file
diff --git a/dist/atoms/ToggleField.d.ts b/dist/atoms/ToggleField.d.ts
deleted file mode 100644
index 656a9fb..0000000
--- a/dist/atoms/ToggleField.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-///
-import { WrappedFieldProps } from 'redux-form';
-import { InputProps } from 'antd/lib/input';
-import { FormItemLabelProps } from 'antd/lib/form/FormItemLabel';
-declare type Props = WrappedFieldProps & InputProps & FormItemLabelProps & {
- options: any;
-};
-declare const ToggleField: (props: Props) => JSX.Element;
-export default ToggleField;
diff --git a/dist/atoms/ToggleField.js b/dist/atoms/ToggleField.js
deleted file mode 100644
index ac9212b..0000000
--- a/dist/atoms/ToggleField.js
+++ /dev/null
@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const antd_1 = require("antd");
-const { Item } = antd_1.Form;
-const ToggleField = (props) => {
- const { input, label, required, options, size, meta: { error, touched }, style, disabled } = props;
- return ((0, jsx_runtime_1.jsx)(Item, Object.assign({ required: required, label: label, help: touched && error, validateStatus: error && touched ? 'error' : undefined, style: style }, { children: (0, jsx_runtime_1.jsx)(antd_1.Radio.Group, { optionType: 'button', size: size, className: 'toggle-btn', buttonStyle: 'solid', value: input.value || [], options: options, onChange: input.onChange, disabled: disabled }) })));
-};
-exports.default = ToggleField;
-//# sourceMappingURL=ToggleField.js.map
\ No newline at end of file
diff --git a/dist/atoms/ToggleField.js.map b/dist/atoms/ToggleField.js.map
deleted file mode 100644
index 12d3ff0..0000000
--- a/dist/atoms/ToggleField.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../src/atoms/ToggleField.tsx"],"names":[],"mappings":";;;AAAA,+BAAkC;AAKlC,MAAM,EAAE,IAAI,EAAE,GAAG,WAAI,CAAA;AAQrB,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,MAAM,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACxB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,CAAA;IAET,OAAO,CACN,uBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,IAAI,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,gBACnI,uBAAC,YAAK,CAAC,KAAK,IACX,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,GACjB,IACI,CACP,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
\ No newline at end of file
diff --git a/dist/commands/cypressCommands.d.ts b/dist/commands/cypressCommands.d.ts
deleted file mode 100644
index 5d8a332..0000000
--- a/dist/commands/cypressCommands.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import 'cypress-file-upload';
-import 'cypress-localstorage-commands';
-export declare const apiAuth: (email: string, password: string, url: string) => void;
-export declare const setInputValue: (form: string, key: string, value: string, force?: boolean, clear?: boolean) => void;
-export declare const selectOptionDropdown: (form: string, key: string, value?: string) => void;
-export declare const setSearchBoxValueAndSelectFirstOption: (key: string, value: string, selectListKey: string, form?: string, googleGeocoding?: boolean, clear?: boolean, timeout?: number) => void;
-export declare const clickButton: (key: string, form?: string, switchBtn?: boolean) => void;
-export declare const clickDeleteButtonWithConf: (form?: string, key?: string) => void;
-export declare const uploadFile: (key: string, filePath: string, form?: string) => void;
-export declare const checkSuccessToastMessage: () => void;
-export declare const clearDropdownSelection: (fieldName: string) => void;
-export declare const checkFirstCheckBox: (key: string, form?: string) => void;
-declare const initializeCustomCommands: () => void;
-export default initializeCustomCommands;
diff --git a/dist/commands/cypressCommands.js b/dist/commands/cypressCommands.js
deleted file mode 100644
index 6ac44cf..0000000
--- a/dist/commands/cypressCommands.js
+++ /dev/null
@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkFirstCheckBox = exports.clearDropdownSelection = exports.checkSuccessToastMessage = exports.uploadFile = exports.clickDeleteButtonWithConf = exports.clickButton = exports.setSearchBoxValueAndSelectFirstOption = exports.selectOptionDropdown = exports.setInputValue = exports.apiAuth = void 0;
-require("cypress-file-upload");
-require("cypress-localstorage-commands");
-const helper_1 = require("../utils/helper");
-const apiAuth = (email, password, url) => {
- cy.log(`Login as ${email}`);
- cy.request({
- method: 'POST',
- url: url,
- body: {
- email,
- password
- }
- }).then(({ body }) => {
- window.localStorage.setItem('access_token', body.accessToken);
- if (body.refreshToken) {
- window.localStorage.setItem('refresh_token', body.refreshToken);
- }
- cy.saveLocalStorage();
- });
-};
-exports.apiAuth = apiAuth;
-const setInputValue = (form, key, value, force = false, clear) => {
- const elementId = (0, helper_1.generateElementId)(key, form);
- if (clear) {
- cy.get(elementId).clear({ force }).type(value, { force }).should('have.value', value);
- }
- else {
- cy.get(elementId).type(value, { force }).should('have.value', value);
- }
-};
-exports.setInputValue = setInputValue;
-const selectOptionDropdown = (form, key, value) => {
- const elementId = (0, helper_1.generateElementId)(key, form);
- cy.get(elementId).click();
- if (value) {
- // check for specific value in dropdown
- cy.get('.ant-select-dropdown :not(.ant-select-dropdown-hidden)', { timeout: 10000 })
- .should('be.visible')
- .find('.ant-select-item-option')
- .each((el) => {
- if (el.text() === value) {
- cy.wrap(el).click();
- }
- });
- }
- else {
- // default select first option in list
- cy.get('.ant-select-dropdown :not(.ant-select-dropdown-hidden)', { timeout: 10000 }).should('be.visible').find('.ant-select-item-option').first().click({ force: true });
- }
-};
-exports.selectOptionDropdown = selectOptionDropdown;
-const setSearchBoxValueAndSelectFirstOption = (key, value, selectListKey, form, googleGeocoding, clear, timeout) => {
- const elementId = (0, helper_1.generateElementId)(key, form);
- if (clear) {
- cy.get(elementId).clear().type(value, { timeout }).should('have.value', value);
- }
- else {
- cy.get(elementId).type(value, { timeout }).should('have.value', value);
- }
- cy.get(selectListKey, { timeout: 10000 }).should('be.visible');
- // select option for google geocoding list
- if (googleGeocoding) {
- cy.get(elementId).type('{downarrow}');
- }
- cy.get(elementId).type('{enter}');
-};
-exports.setSearchBoxValueAndSelectFirstOption = setSearchBoxValueAndSelectFirstOption;
-const clickButton = (key, form, switchBtn) => {
- const elementId = (0, helper_1.generateElementId)(key, form);
- if (switchBtn) {
- cy.get(elementId).find('button').click();
- }
- else {
- cy.get(elementId).click();
- }
-};
-exports.clickButton = clickButton;
-const clickDeleteButtonWithConf = (form, key = 'delete-btn') => {
- cy.clickButton(key, form);
- // get popover conf box and click confirmation button
- cy.get('.ant-popover-inner-content', { timeout: 10000 }).should('be.visible').find('.ant-popover-buttons > :nth-child(2)').click();
-};
-exports.clickDeleteButtonWithConf = clickDeleteButtonWithConf;
-const uploadFile = (key, filePath, form) => {
- cy.get((0, helper_1.generateElementId)(key, form)).attachFile(filePath);
-};
-exports.uploadFile = uploadFile;
-const checkSuccessToastMessage = () => {
- cy.get('.ant-notification-notice-success .ant-notification-notice-close', { timeout: 10000 }).should('be.visible');
-};
-exports.checkSuccessToastMessage = checkSuccessToastMessage;
-const clearDropdownSelection = (fieldName) => {
- cy.get(`.ant-select[name="${fieldName}"] > span.ant-select-clear`).click({ force: true });
-};
-exports.clearDropdownSelection = clearDropdownSelection;
-const checkFirstCheckBox = (key, form) => {
- const elementId = (0, helper_1.generateElementId)(key, form);
- cy.get(elementId).first().check();
-};
-exports.checkFirstCheckBox = checkFirstCheckBox;
-// add all custom test commands for cypress
-const initializeCustomCommands = () => {
- Cypress.Commands.addAll({
- apiAuth: exports.apiAuth,
- setInputValue: exports.setInputValue,
- selectOptionDropdown: exports.selectOptionDropdown,
- setSearchBoxValueAndSelectFirstOption: exports.setSearchBoxValueAndSelectFirstOption,
- clickButton: exports.clickButton,
- clickDeleteButtonWithConf: exports.clickDeleteButtonWithConf,
- uploadFile: exports.uploadFile,
- checkSuccessToastMessage: exports.checkSuccessToastMessage,
- clearDropdownSelection: exports.clearDropdownSelection,
- checkFirstCheckBox: exports.checkFirstCheckBox
- });
-};
-exports.default = initializeCustomCommands;
-//# sourceMappingURL=cypressCommands.js.map
\ No newline at end of file
diff --git a/dist/commands/cypressCommands.js.map b/dist/commands/cypressCommands.js.map
deleted file mode 100644
index 60d9d3b..0000000
--- a/dist/commands/cypressCommands.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"cypressCommands.js","sourceRoot":"","sources":["../../src/commands/cypressCommands.tsx"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/index.d.ts b/dist/index.d.ts
deleted file mode 100644
index dc22086..0000000
--- a/dist/index.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import './styles/main.css';
-import './styles/global.sass';
-export { default as CheckboxField } from './atoms/CheckboxField';
-export { default as CheckboxGroupField } from './atoms/CheckboxGroupField';
-export { default as DateField } from './atoms/DateField';
-export { default as DateRangeField } from './atoms/DateRangeField';
-export { default as DateRangePickerField } from './atoms/DateRangePickerField';
-export { default as FileUploadField } from './atoms/FileUploadField';
-export { default as ImgUploadField } from './atoms/ImgUploadField';
-export { default as InputField } from './atoms/InputField';
-export { default as InputMaskedField } from './atoms/InputMaskedField';
-export { default as InputNumberField } from './atoms/InputNumberField';
-export { default as InputPasswordField } from './atoms/InputPasswordField';
-export { default as RadioGroupField } from './atoms/RadioGroupField';
-export { default as SelectField } from './atoms/SelectField';
-export { default as SwitchField } from './atoms/SwitchField';
-export { default as TextareaField } from './atoms/TextareaField';
-export { default as TimeField } from './atoms/TimeField';
-export { default as TimeRangeField } from './atoms/TimeRangeField';
-export { default as ToggleField } from './atoms/ToggleField';
-export { default as Button } from './atoms/Button';
-export { default as Menu } from './atoms/Menu';
diff --git a/dist/index.js b/dist/index.js
deleted file mode 100644
index 0b38d18..0000000
--- a/dist/index.js
+++ /dev/null
@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = exports.Button = exports.ToggleField = exports.TimeRangeField = exports.TimeField = exports.TextareaField = exports.SwitchField = exports.SelectField = exports.RadioGroupField = exports.InputPasswordField = exports.InputNumberField = exports.InputMaskedField = exports.InputField = exports.ImgUploadField = exports.FileUploadField = exports.DateRangePickerField = exports.DateRangeField = exports.DateField = exports.CheckboxGroupField = exports.CheckboxField = void 0;
-const dayjs_1 = __importDefault(require("dayjs"));
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-const isBetween_1 = __importDefault(require("dayjs/plugin/isBetween"));
-const minMax_1 = __importDefault(require("dayjs/plugin/minMax"));
-require("./styles/main.css");
-require("./styles/global.sass");
-// dayjs extended plugins
-dayjs_1.default.extend(isBetween_1.default);
-dayjs_1.default.extend(utc_1.default);
-dayjs_1.default.extend(timezone_1.default);
-dayjs_1.default.extend(minMax_1.default);
-var CheckboxField_1 = require("./atoms/CheckboxField");
-Object.defineProperty(exports, "CheckboxField", { enumerable: true, get: function () { return __importDefault(CheckboxField_1).default; } });
-var CheckboxGroupField_1 = require("./atoms/CheckboxGroupField");
-Object.defineProperty(exports, "CheckboxGroupField", { enumerable: true, get: function () { return __importDefault(CheckboxGroupField_1).default; } });
-var DateField_1 = require("./atoms/DateField");
-Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return __importDefault(DateField_1).default; } });
-var DateRangeField_1 = require("./atoms/DateRangeField");
-Object.defineProperty(exports, "DateRangeField", { enumerable: true, get: function () { return __importDefault(DateRangeField_1).default; } });
-var DateRangePickerField_1 = require("./atoms/DateRangePickerField");
-Object.defineProperty(exports, "DateRangePickerField", { enumerable: true, get: function () { return __importDefault(DateRangePickerField_1).default; } });
-var FileUploadField_1 = require("./atoms/FileUploadField");
-Object.defineProperty(exports, "FileUploadField", { enumerable: true, get: function () { return __importDefault(FileUploadField_1).default; } });
-var ImgUploadField_1 = require("./atoms/ImgUploadField");
-Object.defineProperty(exports, "ImgUploadField", { enumerable: true, get: function () { return __importDefault(ImgUploadField_1).default; } });
-var InputField_1 = require("./atoms/InputField");
-Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return __importDefault(InputField_1).default; } });
-var InputMaskedField_1 = require("./atoms/InputMaskedField");
-Object.defineProperty(exports, "InputMaskedField", { enumerable: true, get: function () { return __importDefault(InputMaskedField_1).default; } });
-var InputNumberField_1 = require("./atoms/InputNumberField");
-Object.defineProperty(exports, "InputNumberField", { enumerable: true, get: function () { return __importDefault(InputNumberField_1).default; } });
-var InputPasswordField_1 = require("./atoms/InputPasswordField");
-Object.defineProperty(exports, "InputPasswordField", { enumerable: true, get: function () { return __importDefault(InputPasswordField_1).default; } });
-var RadioGroupField_1 = require("./atoms/RadioGroupField");
-Object.defineProperty(exports, "RadioGroupField", { enumerable: true, get: function () { return __importDefault(RadioGroupField_1).default; } });
-var SelectField_1 = require("./atoms/SelectField");
-Object.defineProperty(exports, "SelectField", { enumerable: true, get: function () { return __importDefault(SelectField_1).default; } });
-var SwitchField_1 = require("./atoms/SwitchField");
-Object.defineProperty(exports, "SwitchField", { enumerable: true, get: function () { return __importDefault(SwitchField_1).default; } });
-var TextareaField_1 = require("./atoms/TextareaField");
-Object.defineProperty(exports, "TextareaField", { enumerable: true, get: function () { return __importDefault(TextareaField_1).default; } });
-var TimeField_1 = require("./atoms/TimeField");
-Object.defineProperty(exports, "TimeField", { enumerable: true, get: function () { return __importDefault(TimeField_1).default; } });
-var TimeRangeField_1 = require("./atoms/TimeRangeField");
-Object.defineProperty(exports, "TimeRangeField", { enumerable: true, get: function () { return __importDefault(TimeRangeField_1).default; } });
-var ToggleField_1 = require("./atoms/ToggleField");
-Object.defineProperty(exports, "ToggleField", { enumerable: true, get: function () { return __importDefault(ToggleField_1).default; } });
-var Button_1 = require("./atoms/Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var Menu_1 = require("./atoms/Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return __importDefault(Menu_1).default; } });
-//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/index.js.map b/dist/index.js.map
deleted file mode 100644
index e83b832..0000000
--- a/dist/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,2DAAwC;AACxC,qEAAkD;AAClD,uEAA8C;AAC9C,iEAAwC;AAExC,6BAA0B;AAC1B,gCAA6B;AAE7B,yBAAyB;AACzB,eAAK,CAAC,MAAM,CAAC,mBAAS,CAAC,CAAA;AACvB,eAAK,CAAC,MAAM,CAAC,aAAS,CAAC,CAAA;AACvB,eAAK,CAAC,MAAM,CAAC,kBAAc,CAAC,CAAA;AAC5B,eAAK,CAAC,MAAM,CAAC,gBAAM,CAAC,CAAA;AAEpB,uDAAgE;AAAvD,+HAAA,OAAO,OAAiB;AACjC,iEAA0E;AAAjE,yIAAA,OAAO,OAAsB;AACtC,+CAAwD;AAA/C,uHAAA,OAAO,OAAa;AAC7B,yDAAkE;AAAzD,iIAAA,OAAO,OAAkB;AAClC,qEAA8E;AAArE,6IAAA,OAAO,OAAwB;AACxC,2DAAoE;AAA3D,mIAAA,OAAO,OAAmB;AACnC,yDAAkE;AAAzD,iIAAA,OAAO,OAAkB;AAClC,iDAA0D;AAAjD,yHAAA,OAAO,OAAc;AAC9B,6DAAsE;AAA7D,qIAAA,OAAO,OAAoB;AACpC,6DAAsE;AAA7D,qIAAA,OAAO,OAAoB;AACpC,iEAA0E;AAAjE,yIAAA,OAAO,OAAsB;AACtC,2DAAoE;AAA3D,mIAAA,OAAO,OAAmB;AACnC,mDAA4D;AAAnD,2HAAA,OAAO,OAAe;AAC/B,mDAA4D;AAAnD,2HAAA,OAAO,OAAe;AAC/B,uDAAgE;AAAvD,+HAAA,OAAO,OAAiB;AACjC,+CAAwD;AAA/C,uHAAA,OAAO,OAAa;AAC7B,yDAAkE;AAAzD,iIAAA,OAAO,OAAkB;AAClC,mDAA4D;AAAnD,2HAAA,OAAO,OAAe;AAC/B,yCAAkD;AAAzC,iHAAA,OAAO,OAAU;AAC1B,qCAA8C;AAArC,6GAAA,OAAO,OAAQ"}
\ No newline at end of file
diff --git a/dist/styles/_button.sass b/dist/styles/_button.sass
deleted file mode 100644
index 48f08d8..0000000
--- a/dist/styles/_button.sass
+++ /dev/null
@@ -1,381 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-btn.base-btn
- @apply text-md-medium
- .loading-icon
- display: none !important
-
- .ant-btn-loading-icon
- display: none !important
-
- &.ant-btn-primary:not(.ant-btn-dangerous)
- @apply bg-action_primary_default_light dark:bg-action_primary_default_dark
- @apply border-action_primary_default_light dark:border-action_primary_default_dark
- @apply text-content_primary_inverse_light dark:text-content_primary_inverse_dark
-
- display: flex
- align-items: center
- justify-content: center
-
- height: 32px
- border-radius: $borderRadius-xs
- > svg
- width: 20px
- height: 20px
- @apply stroke-content_primary_inverse_light dark:stroke-content_primary_inverse_dark
-
- > span:not(.loading-icon)
- margin-left: 8px
- margin-right: 8px
-
- &:not(:disabled):hover
- @apply border-action_primary_hover_light dark:border-action_primary_hover_dark
- @apply bg-action_primary_hover_light dark:bg-action_primary_hover_dark
-
- &:focus-within:not(:disabled)
- @apply shadow-focusring_primary_light dark:shadow-focusring_primary_dark
-
- &:disabled
- opacity: 0.3
- border: 0px !important
- @apply bg-action_primary_disable_light dark:bg-action_primary_disable_dark
- @apply text-content_primary_inverse_light dark:text-content_primary_inverse_dark
-
- &::after
- @apply bg-action_primary_active_light dark:bg-action_primary_active_dark #{!important}
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
-
- &.extra-large
- height: 56px
- border-radius: $borderRadius-sm
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 56px
-
- &.ant-btn-lg:not(.extra-large)
- border-radius: $borderRadius-sm
- height: 40px
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 40px
-
- &.ant-btn-sm
- border-radius: $borderRadius-xxs
- height: 24px
- > svg
- width: 16px
- height: 16px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- height: 24px
-
- &.ant-btn-default
- @apply bg-action_secondary_default_light dark:bg-action_secondary_default_dark
- @apply border-action_secondary_default_light dark:border-action_secondary_default_dark
- @apply text-content_primary_light dark:text-content_primary_dark
-
- display: flex
- align-items: center
- justify-content: center
-
- height: 32px
- border-radius: $borderRadius-xs
- > svg
- width: 20px
- height: 20px
- @apply stroke-content_primary_light dark:stroke-content_primary_dark
-
- > span
- margin-left: 8px
- margin-right: 8px
-
- &:not(:disabled):hover
- @apply border-action_secondary_hover_light dark:border-action_secondary_hover_dark
- @apply bg-action_secondary_hover_light dark:bg-action_secondary_hover_dark
-
- &:focus-within:not(:disabled)
- @apply shadow-focusring_secondary_light dark:shadow-focusring_secondary_dark
-
- &:disabled
- opacity: 0.3
- border: 0px !important
- @apply text-content_primary_light dark:text-content_primary_dark
-
- > svg
- @apply stroke-content_primary_light dark:stroke-content_primary_dark #{!important}
-
- &::after
- @apply bg-action_secondary_active_dark dark:bg-action_secondary_active_dark #{!important}
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
-
- &.extra-large
- height: 56px
- border-radius: $borderRadius-sm
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 56px
-
- &.ant-btn-lg:not(.extra-large)
- border-radius: $borderRadius-sm
- height: 40px
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 40px
-
- &.ant-btn-sm
- border-radius: $borderRadius-xxs
- height: 24px
- > svg
- width: 16px
- height: 16px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- height: 24px
-
- &.ant-btn-dangerous
- @apply bg-destructive_default_light dark:bg-destructive_default_dark
- @apply border-destructive_default_light dark:border-destructive_default_dark
- @apply text-content_primary_inverse_light dark:text-content_primary_inverse_dark
-
- display: flex
- align-items: center
- justify-content: center
-
- height: 32px
- border-radius: $borderRadius-xs
- > svg
- width: 20px
- height: 20px
- @apply stroke-content_primary_inverse_light dark:stroke-content_primary_inverse_dark
-
- > span
- margin-left: 8px
- margin-right: 8px
-
- &:not(:disabled):hover,
- @apply border-destructive_hover_light dark:border-destructive_hover_dark
- @apply bg-destructive_hover_light dark:bg-destructive_hover_dark
-
- &:focus-within:not(:disabled)
- @apply shadow-focusring_destructive_light dark:shadow-focusring_destructive_dark
-
- &:disabled
- opacity: 0.3
- border: 0px !important
- @apply bg-destructive_disable_light dark:bg-destructive_disable_dark #{!important}
- @apply text-content_primary_inverse_light dark:text-content_primary_inverse_dark #{!important}
-
- &::after
- @apply bg-destructive_active_light dark:bg-destructive_active_dark #{!important}
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
-
- &.extra-large
- height: 56px
- border-radius: $borderRadius-sm
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 56px
-
- &.ant-btn-lg:not(.extra-large)
- border-radius: $borderRadius-sm
- height: 40px
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 40px
-
- &.ant-btn-sm
- border-radius: $borderRadius-xxs
- height: 24px
- > svg
- width: 16px
- height: 16px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- height: 24px
-
- &.ant-btn-text
- @apply text-action_primary_default_light dark:text-action_primary_default_dark
- @apply bg-transparent
-
- display: flex
- align-items: center
- justify-content: center
-
- height: 32px
- border-radius: $borderRadius-xs
-
- > svg
- width: 20px
- height: 20px
- @apply stroke-action_primary_default_light dark:stroke-action_primary_default_dark
-
- > span
- margin-left: 8px
- margin-right: 8px
-
- &:not(:disabled):hover
- @apply text-action_primary_hover_light dark:text-action_primary_hover_dark
- @apply bg-action_primary_bg10_light dark:bg-action_primary_bg10_dark
- > svg
- @apply stroke-action_primary_hover_light dark:stroke-action_primary_hover_dark
-
- &:focus-within:not(:disabled)
- @apply shadow-focusring_primary_light dark:shadow-focusring_primary_dark
-
- &:disabled
- opacity: 0.3
- @apply text-action_primary_default_light dark:text-action_primary_default_dark
-
- &::after
- @apply text-action_primary_active_light dark:text-action_primary_active_dark #{!important}
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
-
- &.extra-large
- height: 56px
- border-radius: $borderRadius-sm
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 56px
-
- &.ant-btn-lg:not(.extra-large)
- border-radius: $borderRadius-sm
- height: 40px
- > svg
- width: 24px
- height: 24px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- width: 40px
-
- &.ant-btn-sm
- border-radius: $borderRadius-xxs
- height: 24px
- > svg
- width: 16px
- height: 16px
-
- &.ant-btn-icon-only
- border-radius: $borderRadius-xl
- height: 24px
-
- &.ant-btn-loading
- > svg
- display: none
-
- .ant-btn-loading-icon
- display: none !important
-
- .loading-icon
- display: block !important
- align-items: center
- justify-content: center
- margin-right: 0
- margin-left: 0
- > svg
- width: 20px
- height: 20px
- @apply stroke-content_primary_inverse_light dark:stroke-content_primary_inverse_dark #{!important}
- animation: loading-spinner 1s linear infinite
-
- @keyframes loading-spinner
- from
- transform: rotate(0deg)
- to
- transform: rotate(360deg)
- > g > rect
- @apply fill-content_primary_inverse_light dark:fill-content_primary_inverse_dark #{!important}
-
- &:not(.ant-btn-icon-only)
- .loading-icon
- margin-left: 14px !important
- transition: margin-left 0.2s ease-in-out !important
- > span
- &:not(.loading-icon)
- margin-right: 14px !important
- transition: margin-right 0.2s ease-in-out !important
- &.ant-btn-lg, &.extra-large
- .loading-icon
- margin-left: 16px !important
- transition: margin-left 0.2s ease-in-out !important
- > span
- &:not(.loading-icon)
- margin-right: 16px !important
- transition: margin-right 0.2s ease-in-out !important
- &.ant-btn-sm
- .loading-icon
- margin-left: 12px !important
- transition: margin-left 0.2s ease-in-out !important
- > span
- &:not(.loading-icon)
- margin-right: 12px !important
- transition: margin-right 0.2s ease-in-out !important
-
- &.ant-btn-lg, &.extra-large
- .loading-icon
- > svg
- width: 24px !important
- height: 24px !important
-
- &.ant-btn-sm
- .loading-icon
- > svg
- width: 16px !important
- height: 16px !important
-
- &:before
- display: none
-
- &.ant-btn-default
- .loading-icon
- > svg
- @apply stroke-content_primary_light dark:stroke-content_primary_dark #{!important}
- > g > rect
- @apply fill-content_primary_light dark:fill-content_primary_dark #{!important}
-
- &.ant-btn-text
- .loading-icon
- > svg
- @apply stroke-action_primary_default_light dark:stroke-action_primary_default_dark #{!important}
- > g > rect
- @apply fill-action_primary_default_light dark:fill-action_primary_default_dark #{!important}
diff --git a/dist/styles/_checkbox.sass b/dist/styles/_checkbox.sass
deleted file mode 100644
index f09d859..0000000
--- a/dist/styles/_checkbox.sass
+++ /dev/null
@@ -1,45 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item.base-checkbox
- &:not(.ant-form-item-label)
- @apply text-md-medium
- .ant-checkbox-wrapper
- margin-left: 0 !important
- align-items: center
- @apply text-content_primary_light dark:text-content_primary_dark
- .ant-checkbox
- top: 0
- .ant-checkbox-inner
- border-radius: $borderRadius-xxs
- border-width: 1px
- border-style: solid
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
- @apply border-content_quartenary_light dark:border-content_quartenary_dark
-
- .ant-checkbox-disabled
- .ant-checkbox-inner
- @apply bg-content_primary_inverse_light dark:bg-content_primary_inverse_dark
-
- .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
- .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner
- @apply bg-action_primary_bg10_light dark:bg-action_primary_bg10_dark #{!important}
- @apply border-action_primary_hover_light dark:border-action_primary_hover_dark #{!important}
-
- .ant-checkbox-wrapper:focus-within .ant-checkbox-inner,
- .ant-checkbox:focus-within .ant-checkbox-inner
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
- @apply border-action_primary_active_light dark:border-action_primary_active_dark
- @apply shadow-focusring_primary_light dark:shadow-focusring_primary_dark #{!important}
-
- .ant-checkbox-checked .ant-checkbox-inner
- @apply bg-content_primary_inverse_light dark:bg-content_primary_inverse_dark #{!important}
-
- .ant-checkbox-checked .ant-checkbox-inner:after
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
-
- .ant-checkbox-checked::after
- border-radius: $borderRadius-xxs !important
- border-width: 1px
- border-style: solid
- @apply border-action_primary_hover_light dark:border-action_primary_hover_dark #{!important}
diff --git a/dist/styles/_input.sass b/dist/styles/_input.sass
deleted file mode 100644
index 4bcc39f..0000000
--- a/dist/styles/_input.sass
+++ /dev/null
@@ -1,140 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item.base-input
- .ant-form-item-control
- @apply text-md-regular
- .ant-form-item-explain
- @apply text-sm-regular
- // medium
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-lg, .ant-input-affix-wrapper-sm)
- border-radius: $borderRadius-xs
- border: 1px solid
- .ant-input-prefix, .ant-input-suffix
- > svg
- width: 18px
- height: 18px
- @apply stroke-content_tertiary_light dark:stroke-content_tertiary_dark
- // large
- .ant-input-affix-wrapper-lg
- border-radius: $borderRadius-sm
- border: 1px solid
- .ant-input-prefix, .ant-input-suffix
- > svg
- width: 24px
- height: 24px
- @apply stroke-content_tertiary_light dark:stroke-content_tertiary_dark
- // small
- .ant-input-affix-wrapper-sm
- border-radius: $borderRadius-xxs
- border: 1px solid
- .ant-input-prefix, .ant-input-suffix
- > svg
- width: 12px
- height: 12px
- @apply stroke-content_tertiary_light dark:stroke-content_tertiary_dark
-
- .ant-input, .ant-input-affix-wrapper
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
- @apply border-surface_tertiary_light dark:border-surface_tertiary_dark
- @apply text-content_primary_light dark:text-content_primary_dark
-
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover
- @apply border-surface_quatenary_light dark:border-surface_quatenary_dark
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- .ant-input, .ant-input-affix-wrapper
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
-
- .ant-input-affix-wrapper-focused
- border: solid
- box-shadow: none
- border-width: 1px
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- .ant-input, .ant-input-affix-wrapper
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
-
- .ant-input-disabled, .ant-input-affix-wrapper-disabled
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
- ::placeholder
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
- .ant-input-prefix, .ant-input-suffix
- > svg
- @apply stroke-content_quintary_light dark:stroke-content_quintary_dark #{!important}
-
- .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper
- @apply border-state_error_fg_light dark:border-state_error_fg_dark
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
- box-shadow: none
- &:hover
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- .ant-input-prefix, .ant-input-suffix
- > svg
- @apply stroke-state_error_fg_light dark:stroke-state_error_fg_dark
-
- .ant-input-affix-wrapper-status-success:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper
- @apply border-state_success_fg_light dark:border-state_success_fg_dark
- .ant-input-prefix, .ant-input-suffix
- > svg
- @apply stroke-state_success_fg_light dark:stroke-state_success_fg_dark
-
-// without prefix || suffix
-.ant-form-item.base-input
- .ant-input
- border-radius: $borderRadius-xs
- &:hover:not(.ant-input-disabled)
- @apply border-surface_quatenary_light dark:border-surface_quatenary_dark
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- &:focus-within
- box-shadow: none
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- .ant-input-lg
- border-radius: $borderRadius-sm
- .ant-input-sm
- border-radius: $borderRadius-xxs
-
- .ant-input-disabled:hover
- border-color: transparent
- .ant-input-disabled::placeholder
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
- .ant-input-status-success
- @apply border-state_success_fg_light dark:border-state_success_fg_dark
- &:hover
- @apply border-state_success_fg_light dark:border-state_success_fg_dark #{!important}
- &:focus-within
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- .ant-input-status-error
- @apply border-state_error_fg_light dark:border-state_error_fg_dark
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
- &:hover
- @apply border-state_error_fg_light dark:border-state_error_fg_dark #{!important}
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark #{!important}
- &:focus-within
- box-shadow: none !important
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- .ant-input-affix-wrapper
- .ant-input
- border-radius: 0px !important
-
-.ant-form-item-label
- > label
- @apply text-content_primary_light dark:text-content_primary_dark
-
-.ant-form-item-has-error.base-input
- .ant-form-item-row
- .ant-form-item-label
- > label
- @apply text-state_error_fg_light dark:text-state_error_fg_dark #{!important}
-
-.ant-form-item-has-success.base-input
- .ant-form-item-row
- .ant-form-item-label
- > label
- @apply text-state_success_fg_light dark:text-state_success_fg_dark #{!important}
-
-.form-item-disabled.base-input
- .ant-form-item-row
- .ant-form-item-label > label
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
diff --git a/dist/styles/_inputnumber.sass b/dist/styles/_inputnumber.sass
deleted file mode 100644
index 9891d54..0000000
--- a/dist/styles/_inputnumber.sass
+++ /dev/null
@@ -1,168 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item.base-input-number
- .ant-form-item-control-input
- @apply text-md-regular
- .ant-form-item-explain
- @apply text-sm-regular
- .ant-input-number-affix-wrapper
- &.ant-input-number-affix-wrapper-large
- border-radius: $borderRadius-sm
- border: 1px solid
- .ant-input-number-prefix
- > svg
- width: 24px
- height: 24px
- @apply stroke-content_tertiary_light dark:stroke-content_tertiary_dark
-
- .ant-input-number-in-form-item
- border-radius: 0px $borderRadius-sm $borderRadius-sm 0px !important
- .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-sm $borderRadius-sm 0px !important
-
- &.ant-input-number-affix-wrapper-small
- border-radius: $borderRadius-xxs
- border: 1px solid
- .ant-input-number-prefix
- > svg
- width: 12px
- height: 12px
- @apply stroke-content_tertiary_light dark:stroke-content_tertiary_dark
-
- .ant-input-number-in-form-item, .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-xxs $borderRadius-xxs 0px !important
-
- &:not(.ant-input-number-affix-wrapper-large, .ant-input-number-affix-wrapper-small)
- border-radius: $borderRadius-xs
- border: 1px solid
- .ant-input-number-prefix
- > svg
- width: 18px
- height: 18px
- @apply stroke-content_tertiary_light dark:stroke-content_primary_dark
-
- .ant-input-number-in-form-item, .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-xs $borderRadius-xs 0px !important
-
-
- .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled), .ant-input-number-in-form-item:not(.ant-input-number-disabled)
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
- @apply border-surface_tertiary_light dark:border-surface_tertiary_dark #{!important}
- @apply text-content_primary_light dark:text-content_primary_dark
- &:hover
- @apply border-surface_quatenary_light dark:border-surface_quatenary_dark
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- .ant-input-number
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
-
- .ant-input-number-affix-wrapper-status-success
- &.ant-input-number-affix-wrapper
- border: solid #{!important}
- border-width: 1px #{!important}
- @apply border-state_success_fg_light dark:border-state_success_fg_dark #{!important}
-
- &:hover
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- .ant-input-number
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- .ant-input-number-prefix
- > svg
- @apply stroke-state_success_fg_light dark:stroke-state_success_fg_dark #{!important}
-
- .ant-input-number-affix-wrapper-status-error
- box-shadow: none !important
- &.ant-input-number-affix-wrapper
- border: solid #{!important}
- border-width: 1px #{!important}
- box-shadow: none !important
- @apply border-state_error_fg_light dark:border-state_error_fg_dark #{!important}
-
- &:hover
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark #{!important}
- .ant-input-number
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark #{!important}
-
- &:focus-within
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- .ant-input-number
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- .ant-input-number-prefix
- > svg
- @apply stroke-state_error_fg_light dark:stroke-state_error_fg_dark #{!important}
-
- .ant-input-number-affix-wrapper
- &.ant-input-number-affix-wrapper-focused
- border: solid
- border-width: 1px
- box-shadow: none
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- .ant-input-number
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
-
- .ant-input-number-affix-wrapper-disabled, .ant-input-number-disabled
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
- @apply border-surface_tertiary_light dark:border-surface_tertiary_dark #{!important}
- ::placeholder
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
- .ant-input-number-prefix
- > svg
- @apply stroke-content_quintary_light dark:stroke-content_quintary_dark #{!important}
-
-// without prefix
-.ant-form-item.base-input-number
- .ant-input-number:not(.ant-input-number-affix-wrapper)
- border-radius: $borderRadius-xs
- &:hover:not(.ant-input-number-disabled)
- @apply border-surface_quatenary_light dark:border-surface_quatenary_dark
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
- &:focus-within
- box-shadow: none
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- &.ant-input-number-in-form-item
- .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-xs $borderRadius-xs 0px !important
- .ant-input-number-lg:not(.ant-input-number-affix-wrapper)
- border-radius: $borderRadius-sm !important
- &.ant-input-number-in-form-item
- .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-sm $borderRadius-sm 0px !important
- .ant-input-number-sm:not(.ant-input-number-affix-wrapper)
- border-radius: $borderRadius-xxs !important
- &.ant-input-number-in-form-item
- .ant-input-number-handler-wrap
- border-radius: 0px $borderRadius-xxs $borderRadius-xxs 0px !important
-
- .ant-input-number:not(.ant-input-number-affix-wrapper)
- &.ant-input-number-status-success
- box-shadow: none !important
- @apply border-state_success_fg_light dark:border-state_success_fg_dark #{!important}
- &:focus-within
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
-
- .ant-input-number:not(.ant-input-number-affix-wrapper)
- &.ant-input-number-status-error
- box-shadow: none !important
- @apply border-state_error_fg_light dark:border-state_error_fg_dark #{!important}
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
- &:focus-within
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
-
-.ant-form-item-has-error.base-input-number
- .ant-form-item-row
- .ant-form-item-label
- > label
- @apply text-state_error_fg_light dark:text-state_error_fg_dark #{!important}
-
-.ant-form-item-has-success.base-input-number
- .ant-form-item-row
- .ant-form-item-label
- > label
- @apply text-state_success_fg_light dark:text-state_success_fg_dark #{!important}
-
-.form-item-disabled.base-input-number
- .ant-form-item-row
- .ant-form-item-label > label
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
diff --git a/dist/styles/_label.sass b/dist/styles/_label.sass
deleted file mode 100644
index faf9378..0000000
--- a/dist/styles/_label.sass
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item-label
- > label
- @apply text-sm-medium
\ No newline at end of file
diff --git a/dist/styles/_menu.sass b/dist/styles/_menu.sass
deleted file mode 100644
index 49d30cf..0000000
--- a/dist/styles/_menu.sass
+++ /dev/null
@@ -1,120 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-menu-horizontal.base-menu
- background-color: transparent
- @apply text-sm-semibold
- &.primary
- border-bottom: 0 !important
- @apply text-content_tertiary_light dark:text-content_tertiary_dark #{!important}
- .ant-menu-item
- border-radius: 6px
- &:hover
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
-
- .ant-menu-item-selected
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
- @apply bg-action_primary_bg10_light dark:bg-action_primary_bg10_dark #{!important}
-
- ::after
- border-bottom: 0 !important
-
- &.secondary
- border-bottom: 0 !important
- @apply text-content_tertiary_light dark:text-content_tertiary_dark #{!important}
- .ant-menu-item
- border-radius: 6px
- &:hover
- @apply text-content_primary_light dark:text-content_primary_dark
- @apply bg-surface_secondary_light dark:bg-surface_secondary_dark
-
- .ant-menu-item-selected
- @apply text-content_primary_light dark:text-content_primary_dark #{!important}
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
-
- ::after
- border-bottom: 0 !important
-
- &.underlined-filled
- @apply text-content_tertiary_light dark:text-content_tertiary_dark #{!important}
- .ant-menu-item
- border-width: 0 0 2px 0 !important
- border-color: transparent
- &:hover
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
- @apply border-action_primary_default_light dark:border-action_primary_default_dark #{!important}
-
- .ant-menu-item-selected
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
- @apply border-action_primary_default_light dark:border-action_primary_default_dark #{!important}
- @apply bg-action_primary_bg10_light dark:bg-action_primary_bg10_dark
- ::after
- border-bottom: 0 !important
-
- &.underlined
- @apply text-content_tertiary_light dark:text-content_tertiary_dark #{!important}
- .ant-menu-item
- border-width: 0 0 2px 0 !important
- border-color: transparent
- &:hover
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
-
- .ant-menu-item-selected
- @apply text-action_primary_default_light dark:text-action_primary_default_dark #{!important}
- @apply border-action_primary_default_light dark:border-action_primary_default_dark #{!important}
-
- ::after
- border-bottom: 0 !important
-
- &.buttons
- @apply text-content_tertiary_light dark:text-content_tertiary_dark #{!important}
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
- border-bottom: 0 !important
- border-top: 0 !important
-
- display: flex
- align-items: center
- padding-left: 6px
- padding-right: 6px
-
- &.small
- height: 44px !important
- &.medium
- height: 56px !important
-
- .ant-menu-item
- border-radius: 6px
- margin-bottom: 1px
- &:hover
- @apply text-content_primary_light dark:text-content_primary_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
- box-shadow: $boxShadow-sm
-
- .ant-menu-item-selected
- @apply text-content_primary_light dark:text-content_primary_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
- box-shadow: $boxShadow-sm
-
- ::after
- border-bottom: 0 !important
-
- &.full-width
- display: flex
- align-items: center
- justify-content: center
- width: 100%
- flex-wrap: wrap
- .ant-menu-item
- flex: 1
-
- .ant-menu-item
- display: flex
- align-items: center
- justify-content: center
-
- &.small
- .ant-menu-item
- height: 36px !important
- &.medium
- .ant-menu-item
- height: 44px !important
diff --git a/dist/styles/_radiobutton.sass b/dist/styles/_radiobutton.sass
deleted file mode 100644
index b031447..0000000
--- a/dist/styles/_radiobutton.sass
+++ /dev/null
@@ -1,29 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item.base-radiobutton
- &:not(.ant-form-item-label)
- @apply text-md-medium
- .ant-radio-wrapper
- @apply text-content_primary_light dark:text-content_primary_dark
- .ant-radio-inner
- @apply border-content_quartenary_light dark:border-content_quartenary_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
-
- .ant-radio-disabled
- .ant-radio-inner
- @apply bg-content_primary_inverse_light dark:bg-content_primary_inverse_dark
-
- .ant-radio-wrapper:not(.ant-radio-wrapper-disabled):hover .ant-radio-inner,
- .ant-radio:not(.ant-radio-disabled):hover .ant-radio-inner
- @apply bg-action_primary_bg_light dark:bg-action_primary_bg_dark #{!important}
- @apply border-action_primary_hover_light dark:border-action_primary_hover_dark #{!important}
-
- .ant-radio-wrapper:focus-within .ant-radio-inner,
- .ant-radio:focus-within .ant-radio-inner
- @apply bg-surface_primary_light dark:bg-surface_primary_dark
- @apply border-action_primary_active_light dark:border-action_primary_active_dark
- @apply shadow-focusring_primary_light dark:shadow-focusring_primary_dark #{!important}
-
- .ant-radio-checked .ant-radio-inner:after
- @apply bg-action_primary_default_light dark:bg-action_primary_default_dark #{!important}
diff --git a/dist/styles/_textarea.sass b/dist/styles/_textarea.sass
deleted file mode 100644
index b8ed19c..0000000
--- a/dist/styles/_textarea.sass
+++ /dev/null
@@ -1,65 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-
-.ant-form-item.base-textarea
- &:not(.ant-form-item-label)
- @apply text-md-regular
- .ant-form-item-explain
- @apply text-sm-regular
- .ant-input
- resize: none
- border-radius: $borderRadius-md
- border-color: transparent
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark
-
- &:hover:not(.ant-input-disabled)
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark
-
- &.ant-input-status-error:not(.ant-input-disabled)
- border: solid
- border-width: 1px
- @apply border-state_error_fg_light dark:border-state_error_fg_dark #{!important}
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
- box-shadow: none
- &:hover
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark #{!important}
- &:focus
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- box-shadow: none
-
- &.ant-input-status-success:not(.ant-input-disabled)
- border: solid
- border-width: 1px
- @apply border-state_success_fg_light dark:border-state_success_fg_dark #{!important}
- @apply bg-surface_tertiary_light dark:bg-surface_tertiary_dark #{!important}
- box-shadow: none
- &:hover
- @apply bg-surface_quatenary_light dark:bg-surface_quatenary_dark #{!important}
- &:focus
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
- box-shadow: none
-
- &:focus
- border: solid
- box-shadow: none
- border-width: 1px
- @apply border-action_primary_active_light dark:border-action_primary_active_dark #{!important}
- @apply bg-surface_primary_light dark:bg-surface_primary_dark #{!important}
-
-
-.ant-form-item-has-error.base-textarea
- .ant-form-item-row
- .ant-form-item-label > label
- @apply text-state_error_fg_light dark:text-state_error_fg_dark #{!important}
-
-.ant-form-item-has-success.base-textarea
- .ant-form-item-row
- .ant-form-item-label > label
- @apply text-state_success_fg_light dark:text-state_success_fg_dark #{!important}
-
-.form-item-disabled.base-textarea
- .ant-form-item-row
- .ant-form-item-label > label
- @apply text-content_quintary_light dark:text-content_quintary_dark #{!important}
diff --git a/dist/styles/_typography.sass b/dist/styles/_typography.sass
deleted file mode 100644
index 1b71e31..0000000
--- a/dist/styles/_typography.sass
+++ /dev/null
@@ -1,309 +0,0 @@
-@import 'tailwind-variables'
-
-.text-xs-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-txt_xs
- font-size: $fontSize-txt_xs
- letter-spacing: $letterSpacing-txt_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xs-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-txt_xs
- font-size: $fontSize-txt_xs
- letter-spacing: $letterSpacing-txt_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xs-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-txt_xs
- font-size: $fontSize-txt_xs
- letter-spacing: $letterSpacing-txt_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xs-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-txt_xs
- font-size: $fontSize-txt_xs
- letter-spacing: $letterSpacing-txt_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-sm-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-txt_sm
- font-size: $fontSize-txt_sm
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-sm-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-txt_sm
- font-size: $fontSize-txt_sm
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-sm-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-txt_sm
- font-size: $fontSize-txt_sm
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-sm-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-txt_sm
- font-size: $fontSize-txt_sm
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-md-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-txt_md
- font-size: $fontSize-txt_md
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-md-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-txt_md
- font-size: $fontSize-txt_md
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-md-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-txt_md
- font-size: $fontSize-txt_md
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-md-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-txt_md
- font-size: $fontSize-txt_md
- letter-spacing: $letterSpacing-txt_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-lg-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_lg
- letter-spacing: $letterSpacing-txt_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-lg-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_lg
- letter-spacing: $letterSpacing-txt_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-lg-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_lg
- letter-spacing: $letterSpacing-txt_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-lg-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_lg
- letter-spacing: $letterSpacing-txt_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xl-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_xl
- letter-spacing: $letterSpacing-txt_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xl-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_xl
- letter-spacing: $letterSpacing-txt_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xl-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_xl
- letter-spacing: $letterSpacing-txt_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.text-xl-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-txt_lg
- font-size: $fontSize-txt_xl
- letter-spacing: $letterSpacing-txt_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xs-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_xs
- font-size: $fontSize-heading_xs
- letter-spacing: $letterSpacing-heading_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xs-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_xs
- font-size: $fontSize-heading_xs
- letter-spacing: $letterSpacing-heading_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xs-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_xs
- font-size: $fontSize-heading_xs
- letter-spacing: $letterSpacing-heading_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xs-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_xs
- font-size: $fontSize-heading_xs
- letter-spacing: $letterSpacing-heading_xs
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-sm-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_sm
- font-size: $fontSize-heading_sm
- letter-spacing: $letterSpacing-heading_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-sm-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_sm
- font-size: $fontSize-heading_sm
- letter-spacing: $letterSpacing-heading_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-sm-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_sm
- font-size: $fontSize-heading_sm
- letter-spacing: $letterSpacing-heading_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-sm-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_sm
- font-size: $fontSize-heading_sm
- letter-spacing: $letterSpacing-heading_sm
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-md-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_md
- font-size: $fontSize-heading_md
- letter-spacing: $letterSpacing-heading_md
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-md-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_md
- font-size: $fontSize-heading_md
- letter-spacing: $letterSpacing-heading_md
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-md-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_md
- font-size: $fontSize-heading_md
- letter-spacing: $letterSpacing-heading_md
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-md-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_md
- font-size: $fontSize-heading_md
- letter-spacing: $letterSpacing-heading_md
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-lg-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_lg
- font-size: $fontSize-heading_lg
- letter-spacing: $letterSpacing-heading_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-lg-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_lg
- font-size: $fontSize-heading_lg
- letter-spacing: $letterSpacing-heading_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-lg-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_lg
- font-size: $fontSize-heading_lg
- letter-spacing: $letterSpacing-heading_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-lg-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_lg
- font-size: $fontSize-heading_lg
- letter-spacing: $letterSpacing-heading_lg
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xl-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_xl
- font-size: $fontSize-heading_xl
- letter-spacing: $letterSpacing-heading_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xl-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_xl
- font-size: $fontSize-heading_xl
- letter-spacing: $letterSpacing-heading_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xl-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_xl
- font-size: $fontSize-heading_xl
- letter-spacing: $letterSpacing-heading_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xl-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_xl
- font-size: $fontSize-heading_xl
- letter-spacing: $letterSpacing-heading_xl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xxl-regular
- font-weight: $fontWeight-regular
- line-height: $lineHeight-heading_xxl
- font-size: $fontSize-heading_xxl
- letter-spacing: $letterSpacing-heading_xxl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xxl-medium
- font-weight: $fontWeight-medium
- line-height: $lineHeight-heading_xxl
- font-size: $fontSize-heading_xxl
- letter-spacing: $letterSpacing-heading_xxl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xxl-semibold
- font-weight: $fontWeight-semibold
- line-height: $lineHeight-heading_xxl
- font-size: $fontSize-heading_xxl
- letter-spacing: $letterSpacing-heading_xxl
- @apply text-content_primary_light dark:text-content_secondary_dark
-
-.heading-xxl-bold
- font-weight: $fontWeight-bold
- line-height: $lineHeight-heading_xxl
- font-size: $fontSize-heading_xxl
- letter-spacing: $letterSpacing-heading_xxl
- @apply text-content_primary_light dark:text-content_secondary_dark
diff --git a/dist/styles/global.sass b/dist/styles/global.sass
deleted file mode 100644
index 2d1dda5..0000000
--- a/dist/styles/global.sass
+++ /dev/null
@@ -1,10 +0,0 @@
-@import 'tailwind-variables'
-@import 'typography'
-@import 'input'
-@import 'textarea'
-@import 'button'
-@import 'checkbox'
-@import 'radiobutton'
-@import 'menu'
-@import 'label'
-@import 'inputnumber'
\ No newline at end of file
diff --git a/dist/styles/main.css b/dist/styles/main.css
deleted file mode 100644
index 80ef9e1..0000000
--- a/dist/styles/main.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/*@tailwind base; !* Zakladne CSS pre pracu roznych prehliadacoch - moze prepisat nieco z antu *!*/
-
-.container {
- width: 100%
-}
-
-@media (min-width: 640px) {
- .container {
- max-width: 640px
- }
-}
-
-@media (min-width: 768px) {
- .container {
- max-width: 768px
- }
-}
-
-@media (min-width: 1024px) {
- .container {
- max-width: 1024px
- }
-}
-
-@media (min-width: 1280px) {
- .container {
- max-width: 1280px
- }
-}
-
-@media (min-width: 1536px) {
- .container {
- max-width: 1536px
- }
-}
-
-/* dekorator pre custom css komponenty - apply css1 css2 css3.... */
-
-#tailwind .pointer-events-none {
- pointer-events: none
-}
-
-#tailwind .visible {
- visibility: visible
-}
-
-#tailwind .absolute {
- position: absolute
-}
-
-#tailwind .m-auto {
- margin: auto
-}
-
-#tailwind .m-4 {
- margin: 1rem
-}
-
-#tailwind .my-1 {
- margin-top: 0.25rem;
- margin-bottom: 0.25rem
-}
-
-#tailwind .mb-2 {
- margin-bottom: 0.5rem
-}
-
-#tailwind .ml-2 {
- margin-left: 0.5rem
-}
-
-#tailwind .block {
- display: block
-}
-
-#tailwind .flex {
- display: flex
-}
-
-#tailwind .inline-flex {
- display: inline-flex
-}
-
-#tailwind .contents {
- display: contents
-}
-
-#tailwind .h-12 {
- height: 3rem
-}
-
-#tailwind .w-full {
- width: 100%
-}
-
-#tailwind .w-1\/2 {
- width: 50%
-}
-
-#tailwind .w-11\/12 {
- width: 91.666667%
-}
-
-#tailwind .w-2\/12 {
- width: 16.666667%
-}
-
-#tailwind .transform {
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-
-#tailwind .cursor-pointer {
- cursor: pointer
-}
-
-#tailwind .flex-wrap {
- flex-wrap: wrap
-}
-
-#tailwind .items-center {
- align-items: center
-}
-
-#tailwind .justify-end {
- justify-content: flex-end
-}
-
-#tailwind .justify-between {
- justify-content: space-between
-}
-
-#tailwind .rounded-full {
- border-radius: 9999px
-}
-
-#tailwind .pr-2 {
- padding-right: 0.5rem
-}
-
-#tailwind .text-right {
- text-align: right
-}
-
-#tailwind .blur {
- --tw-blur: blur(8px);
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
-
-#tailwind .filter {
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
-
-/* utilky pre CSS classy - marginy, apdding, colors, spacing... */
-
-@media (min-width: 640px) {
- #tailwind .sm\:w-4\/12 {
- width: 33.333333%
- }
-}
diff --git a/dist/styles/tailwind-variables.sass b/dist/styles/tailwind-variables.sass
deleted file mode 100644
index 352a102..0000000
--- a/dist/styles/tailwind-variables.sass
+++ /dev/null
@@ -1,3067 +0,0 @@
-/* Converted Tailwind Config to sass */
-$columns-1: 1
-$columns-2: 2
-$columns-3: 3
-$columns-4: 4
-$columns-5: 5
-$columns-6: 6
-$columns-7: 7
-$columns-8: 8
-$columns-9: 9
-$columns-10: 10
-$columns-11: 11
-$columns-12: 12
-$columns-auto: auto
-$columns-3xs: 16rem
-$columns-2xs: 18rem
-$columns-xs: 20rem
-$columns-sm: 24rem
-$columns-md: 28rem
-$columns-lg: 32rem
-$columns-xl: 36rem
-$columns-2xl: 42rem
-$columns-3xl: 48rem
-$columns-4xl: 56rem
-$columns-5xl: 64rem
-$columns-6xl: 72rem
-$columns-7xl: 80rem
-
-$animation-none: none
-$animation-spin: spin 1s linear infinite
-$animation-ping: (ping 1s cubic-bezier(0, 0, 0.2, 1) infinite)
-$animation-pulse: (pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite)
-$animation-bounce: bounce 1s infinite
-
-$aspectRatio-auto: auto
-$aspectRatio-square: 1 / 1
-$aspectRatio-video: 16 / 9
-
-$backdropBlur-0: 0
-$backdropBlur-none: 0
-$backdropBlur-sm: 4px
-$backdropBlur-DEFAULT: 8px
-$backdropBlur-md: 12px
-$backdropBlur-lg: 16px
-$backdropBlur-xl: 24px
-$backdropBlur-2xl: 40px
-$backdropBlur-3xl: 64px
-
-$backdropBrightness-0: 0
-$backdropBrightness-50: .5
-$backdropBrightness-75: .75
-$backdropBrightness-90: .9
-$backdropBrightness-95: .95
-$backdropBrightness-100: 1
-$backdropBrightness-105: 1.05
-$backdropBrightness-110: 1.1
-$backdropBrightness-125: 1.25
-$backdropBrightness-150: 1.5
-$backdropBrightness-200: 2
-
-$backdropContrast-0: 0
-$backdropContrast-50: .5
-$backdropContrast-75: .75
-$backdropContrast-100: 1
-$backdropContrast-125: 1.25
-$backdropContrast-150: 1.5
-$backdropContrast-200: 2
-
-$backdropGrayscale-0: 0
-$backdropGrayscale-DEFAULT: 100%
-
-$backdropHueRotate-0: 0deg
-$backdropHueRotate-15: 15deg
-$backdropHueRotate-30: 30deg
-$backdropHueRotate-60: 60deg
-$backdropHueRotate-90: 90deg
-$backdropHueRotate-180: 180deg
-
-$backdropInvert-0: 0
-$backdropInvert-DEFAULT: 100%
-
-$backdropOpacity-0: 0
-$backdropOpacity-5: 0.05
-$backdropOpacity-10: 0.1
-$backdropOpacity-20: 0.2
-$backdropOpacity-25: 0.25
-$backdropOpacity-30: 0.3
-$backdropOpacity-40: 0.4
-$backdropOpacity-50: 0.5
-$backdropOpacity-60: 0.6
-$backdropOpacity-70: 0.7
-$backdropOpacity-75: 0.75
-$backdropOpacity-80: 0.8
-$backdropOpacity-90: 0.9
-$backdropOpacity-95: 0.95
-$backdropOpacity-100: 1
-
-$backdropSaturate-0: 0
-$backdropSaturate-50: .5
-$backdropSaturate-100: 1
-$backdropSaturate-150: 1.5
-$backdropSaturate-200: 2
-
-$backdropSepia-0: 0
-$backdropSepia-DEFAULT: 100%
-
-$backgroundColor-transparent: transparent
-$backgroundColor-current: currentColor
-$backgroundColor-additional_white: var(--theme-additional-white)
-$backgroundColor-additional_black: var(--theme-additional-black)
-$backgroundColor-additional_dsurface: var(--theme-additional-dsurface)
-$backgroundColor-surface_primary_light: var(--light-theme-surface-primary)
-$backgroundColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$backgroundColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$backgroundColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$backgroundColor-content_primary_light: var(--light-theme-content-primary)
-$backgroundColor-content_secondary_light: var(--light-theme-content-secondary)
-$backgroundColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$backgroundColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$backgroundColor-content_quintary_light: var(--light-theme-content-quintarny)
-$backgroundColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$backgroundColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$backgroundColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$backgroundColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$backgroundColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$backgroundColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$backgroundColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$backgroundColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$backgroundColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$backgroundColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$backgroundColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$backgroundColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$backgroundColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$backgroundColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$backgroundColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$backgroundColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$backgroundColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$backgroundColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$backgroundColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$backgroundColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$backgroundColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$backgroundColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$backgroundColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$backgroundColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$backgroundColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$backgroundColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$backgroundColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$backgroundColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$backgroundColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$backgroundColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$backgroundColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$backgroundColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$backgroundColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$backgroundColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$backgroundColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$backgroundColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$backgroundColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$backgroundColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$backgroundColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$backgroundColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$backgroundColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$backgroundColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$backgroundColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$backgroundColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$backgroundColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$backgroundColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$backgroundColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$backgroundColor-content_primary_dark: var(--dark-theme-content-primary)
-$backgroundColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$backgroundColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$backgroundColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$backgroundColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$backgroundColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$backgroundColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$backgroundColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$backgroundColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$backgroundColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$backgroundColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$backgroundColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$backgroundColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$backgroundColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$backgroundColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$backgroundColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$backgroundColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$backgroundColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$backgroundColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$backgroundColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$backgroundColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$backgroundColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$backgroundColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$backgroundColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$backgroundColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$backgroundColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$backgroundColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$backgroundColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$backgroundColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$backgroundColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$backgroundColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$backgroundColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$backgroundColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$backgroundColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$backgroundColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$backgroundColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$backgroundColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$backgroundColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$backgroundColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$backgroundColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$backgroundColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$backgroundColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$backgroundColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$backgroundColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$backgroundColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$backgroundColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$backgroundColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$backgroundColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$backgroundImage-none: none
-$backgroundImage-gradient-to-t: (linear-gradient(to top, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-tr: (linear-gradient(to top right, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-r: (linear-gradient(to right, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-br: (linear-gradient(to bottom right, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-b: (linear-gradient(to bottom, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-bl: (linear-gradient(to bottom left, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-l: (linear-gradient(to left, var(--tw-gradient-stops)))
-$backgroundImage-gradient-to-tl: (linear-gradient(to top left, var(--tw-gradient-stops)))
-
-$backgroundOpacity-0: 0
-$backgroundOpacity-5: 0.05
-$backgroundOpacity-10: 0.1
-$backgroundOpacity-20: 0.2
-$backgroundOpacity-25: 0.25
-$backgroundOpacity-30: 0.3
-$backgroundOpacity-40: 0.4
-$backgroundOpacity-50: 0.5
-$backgroundOpacity-60: 0.6
-$backgroundOpacity-70: 0.7
-$backgroundOpacity-75: 0.75
-$backgroundOpacity-80: 0.8
-$backgroundOpacity-90: 0.9
-$backgroundOpacity-95: 0.95
-$backgroundOpacity-100: 1
-
-$backgroundPosition-bottom: bottom
-$backgroundPosition-center: center
-$backgroundPosition-left: left
-$backgroundPosition-left-bottom: left bottom
-$backgroundPosition-left-top: left top
-$backgroundPosition-right: right
-$backgroundPosition-right-bottom: right bottom
-$backgroundPosition-right-top: right top
-$backgroundPosition-top: top
-
-$backgroundSize-auto: auto
-$backgroundSize-cover: cover
-$backgroundSize-contain: contain
-
-$blur-0: 0
-$blur-none: 0
-$blur-sm: 4px
-$blur-DEFAULT: 8px
-$blur-md: 12px
-$blur-lg: 16px
-$blur-xl: 24px
-$blur-2xl: 40px
-$blur-3xl: 64px
-
-$brightness-0: 0
-$brightness-50: .5
-$brightness-75: .75
-$brightness-90: .9
-$brightness-95: .95
-$brightness-100: 1
-$brightness-105: 1.05
-$brightness-110: 1.1
-$brightness-125: 1.25
-$brightness-150: 1.5
-$brightness-200: 2
-
-$borderColor-transparent: transparent
-$borderColor-current: currentColor
-$borderColor-additional_white: var(--theme-additional-white)
-$borderColor-additional_black: var(--theme-additional-black)
-$borderColor-additional_dsurface: var(--theme-additional-dsurface)
-$borderColor-surface_primary_light: var(--light-theme-surface-primary)
-$borderColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$borderColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$borderColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$borderColor-content_primary_light: var(--light-theme-content-primary)
-$borderColor-content_secondary_light: var(--light-theme-content-secondary)
-$borderColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$borderColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$borderColor-content_quintary_light: var(--light-theme-content-quintarny)
-$borderColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$borderColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$borderColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$borderColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$borderColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$borderColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$borderColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$borderColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$borderColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$borderColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$borderColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$borderColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$borderColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$borderColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$borderColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$borderColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$borderColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$borderColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$borderColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$borderColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$borderColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$borderColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$borderColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$borderColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$borderColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$borderColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$borderColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$borderColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$borderColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$borderColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$borderColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$borderColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$borderColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$borderColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$borderColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$borderColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$borderColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$borderColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$borderColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$borderColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$borderColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$borderColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$borderColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$borderColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$borderColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$borderColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$borderColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$borderColor-content_primary_dark: var(--dark-theme-content-primary)
-$borderColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$borderColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$borderColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$borderColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$borderColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$borderColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$borderColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$borderColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$borderColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$borderColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$borderColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$borderColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$borderColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$borderColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$borderColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$borderColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$borderColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$borderColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$borderColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$borderColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$borderColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$borderColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$borderColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$borderColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$borderColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$borderColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$borderColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$borderColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$borderColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$borderColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$borderColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$borderColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$borderColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$borderColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$borderColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$borderColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$borderColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$borderColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$borderColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$borderColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$borderColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$borderColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$borderColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$borderColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$borderColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$borderColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$borderColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-$borderColor-DEFAULT: currentColor
-
-$borderOpacity-0: 0
-$borderOpacity-5: 0.05
-$borderOpacity-10: 0.1
-$borderOpacity-20: 0.2
-$borderOpacity-25: 0.25
-$borderOpacity-30: 0.3
-$borderOpacity-40: 0.4
-$borderOpacity-50: 0.5
-$borderOpacity-60: 0.6
-$borderOpacity-70: 0.7
-$borderOpacity-75: 0.75
-$borderOpacity-80: 0.8
-$borderOpacity-90: 0.9
-$borderOpacity-95: 0.95
-$borderOpacity-100: 1
-
-$borderRadius-none: var(--border-radius-none)
-$borderRadius-xxxs: var(--border-radius-xxxs)
-$borderRadius-xxs: var(--border-radius-xxs)
-$borderRadius-xs: var(--border-radius-xs)
-$borderRadius-sm: var(--border-radius-sm)
-$borderRadius-md: var(--border-radius-md)
-$borderRadius-xl: var(--border-radius-xl)
-$borderRadius-xxl: var(--border-radius-xxl)
-$borderRadius-xxxl: var(--border-radius-xxxl)
-$borderRadius-lg: var(--border-radius-lg)
-$borderRadius-full: 9999px
-
-$borderWidth-xs: var(--border-width-xs)
-$borderWidth-sm: var(--border-width-sm)
-$borderWidth-md: var(--border-width-md)
-$borderWidth-lg: var(--border-width-lg)
-
-$boxShadow-none: none
-$boxShadow-xs: var(--shadow-xs)
-$boxShadow-sm: var(--shadow-sm)
-$boxShadow-md: var(--shadow-md)
-$boxShadow-lg: var(--shadow-lg)
-$boxShadow-xl: var(--shadow-xl)
-$boxShadow-xxl: var(--shadow-xxl)
-$boxShadow-inner: var(--shadow-inner)
-$boxShadow-focusring_primary_light: var(--focusring-primary-light)
-$boxShadow-focusring_secondary_light: var(--focusring-secondary-light)
-$boxShadow-focusring_destructive_light: var(--focusring-destructive-light)
-$boxShadow-focusring_primary_dark: var(--focusring-primary-dark)
-$boxShadow-focusring_secondary_dark: var(--focusring-secondary-dark)
-$boxShadow-focusring_destructive_dark: var(--focusring-destructive-dark)
-
-$boxShadowColor-transparent: transparent
-$boxShadowColor-current: currentColor
-$boxShadowColor-additional_white: var(--theme-additional-white)
-$boxShadowColor-additional_black: var(--theme-additional-black)
-$boxShadowColor-additional_dsurface: var(--theme-additional-dsurface)
-$boxShadowColor-surface_primary_light: var(--light-theme-surface-primary)
-$boxShadowColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$boxShadowColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$boxShadowColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$boxShadowColor-content_primary_light: var(--light-theme-content-primary)
-$boxShadowColor-content_secondary_light: var(--light-theme-content-secondary)
-$boxShadowColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$boxShadowColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$boxShadowColor-content_quintary_light: var(--light-theme-content-quintarny)
-$boxShadowColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$boxShadowColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$boxShadowColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$boxShadowColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$boxShadowColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$boxShadowColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$boxShadowColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$boxShadowColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$boxShadowColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$boxShadowColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$boxShadowColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$boxShadowColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$boxShadowColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$boxShadowColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$boxShadowColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$boxShadowColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$boxShadowColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$boxShadowColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$boxShadowColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$boxShadowColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$boxShadowColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$boxShadowColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$boxShadowColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$boxShadowColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$boxShadowColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$boxShadowColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$boxShadowColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$boxShadowColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$boxShadowColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$boxShadowColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$boxShadowColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$boxShadowColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$boxShadowColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$boxShadowColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$boxShadowColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$boxShadowColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$boxShadowColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$boxShadowColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$boxShadowColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$boxShadowColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$boxShadowColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$boxShadowColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$boxShadowColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$boxShadowColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$boxShadowColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$boxShadowColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$boxShadowColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$boxShadowColor-content_primary_dark: var(--dark-theme-content-primary)
-$boxShadowColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$boxShadowColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$boxShadowColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$boxShadowColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$boxShadowColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$boxShadowColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$boxShadowColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$boxShadowColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$boxShadowColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$boxShadowColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$boxShadowColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$boxShadowColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$boxShadowColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$boxShadowColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$boxShadowColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$boxShadowColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$boxShadowColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$boxShadowColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$boxShadowColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$boxShadowColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$boxShadowColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$boxShadowColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$boxShadowColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$boxShadowColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$boxShadowColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$boxShadowColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$boxShadowColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$boxShadowColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$boxShadowColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$boxShadowColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$boxShadowColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$boxShadowColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$boxShadowColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$boxShadowColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$boxShadowColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$boxShadowColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$boxShadowColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$boxShadowColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$boxShadowColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$boxShadowColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$boxShadowColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$boxShadowColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$boxShadowColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$boxShadowColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$boxShadowColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$boxShadowColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$boxShadowColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$caretColor-transparent: transparent
-$caretColor-current: currentColor
-$caretColor-additional_white: var(--theme-additional-white)
-$caretColor-additional_black: var(--theme-additional-black)
-$caretColor-additional_dsurface: var(--theme-additional-dsurface)
-$caretColor-surface_primary_light: var(--light-theme-surface-primary)
-$caretColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$caretColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$caretColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$caretColor-content_primary_light: var(--light-theme-content-primary)
-$caretColor-content_secondary_light: var(--light-theme-content-secondary)
-$caretColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$caretColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$caretColor-content_quintary_light: var(--light-theme-content-quintarny)
-$caretColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$caretColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$caretColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$caretColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$caretColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$caretColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$caretColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$caretColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$caretColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$caretColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$caretColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$caretColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$caretColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$caretColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$caretColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$caretColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$caretColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$caretColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$caretColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$caretColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$caretColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$caretColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$caretColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$caretColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$caretColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$caretColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$caretColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$caretColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$caretColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$caretColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$caretColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$caretColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$caretColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$caretColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$caretColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$caretColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$caretColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$caretColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$caretColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$caretColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$caretColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$caretColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$caretColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$caretColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$caretColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$caretColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$caretColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$caretColor-content_primary_dark: var(--dark-theme-content-primary)
-$caretColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$caretColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$caretColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$caretColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$caretColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$caretColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$caretColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$caretColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$caretColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$caretColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$caretColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$caretColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$caretColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$caretColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$caretColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$caretColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$caretColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$caretColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$caretColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$caretColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$caretColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$caretColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$caretColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$caretColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$caretColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$caretColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$caretColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$caretColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$caretColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$caretColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$caretColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$caretColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$caretColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$caretColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$caretColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$caretColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$caretColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$caretColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$caretColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$caretColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$caretColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$caretColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$caretColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$caretColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$caretColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$caretColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$caretColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$accentColor-transparent: transparent
-$accentColor-current: currentColor
-$accentColor-additional_white: var(--theme-additional-white)
-$accentColor-additional_black: var(--theme-additional-black)
-$accentColor-additional_dsurface: var(--theme-additional-dsurface)
-$accentColor-surface_primary_light: var(--light-theme-surface-primary)
-$accentColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$accentColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$accentColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$accentColor-content_primary_light: var(--light-theme-content-primary)
-$accentColor-content_secondary_light: var(--light-theme-content-secondary)
-$accentColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$accentColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$accentColor-content_quintary_light: var(--light-theme-content-quintarny)
-$accentColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$accentColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$accentColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$accentColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$accentColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$accentColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$accentColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$accentColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$accentColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$accentColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$accentColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$accentColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$accentColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$accentColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$accentColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$accentColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$accentColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$accentColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$accentColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$accentColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$accentColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$accentColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$accentColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$accentColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$accentColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$accentColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$accentColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$accentColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$accentColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$accentColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$accentColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$accentColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$accentColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$accentColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$accentColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$accentColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$accentColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$accentColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$accentColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$accentColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$accentColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$accentColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$accentColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$accentColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$accentColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$accentColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$accentColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$accentColor-content_primary_dark: var(--dark-theme-content-primary)
-$accentColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$accentColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$accentColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$accentColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$accentColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$accentColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$accentColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$accentColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$accentColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$accentColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$accentColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$accentColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$accentColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$accentColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$accentColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$accentColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$accentColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$accentColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$accentColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$accentColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$accentColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$accentColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$accentColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$accentColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$accentColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$accentColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$accentColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$accentColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$accentColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$accentColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$accentColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$accentColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$accentColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$accentColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$accentColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$accentColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$accentColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$accentColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$accentColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$accentColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$accentColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$accentColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$accentColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$accentColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$accentColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$accentColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$accentColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-$accentColor-auto: auto
-
-$contrast-0: 0
-$contrast-50: .5
-$contrast-75: .75
-$contrast-100: 1
-$contrast-125: 1.25
-$contrast-150: 1.5
-$contrast-200: 2
-
-
-$content-none: none
-
-$cursor-auto: auto
-$cursor-default: default
-$cursor-pointer: pointer
-$cursor-wait: wait
-$cursor-text: text
-$cursor-move: move
-$cursor-help: help
-$cursor-not-allowed: not-allowed
-$cursor-none: none
-$cursor-context-menu: context-menu
-$cursor-progress: progress
-$cursor-cell: cell
-$cursor-crosshair: crosshair
-$cursor-vertical-text: vertical-text
-$cursor-alias: alias
-$cursor-copy: copy
-$cursor-no-drop: no-drop
-$cursor-grab: grab
-$cursor-grabbing: grabbing
-$cursor-all-scroll: all-scroll
-$cursor-col-resize: col-resize
-$cursor-row-resize: row-resize
-$cursor-n-resize: n-resize
-$cursor-e-resize: e-resize
-$cursor-s-resize: s-resize
-$cursor-w-resize: w-resize
-$cursor-ne-resize: ne-resize
-$cursor-nw-resize: nw-resize
-$cursor-se-resize: se-resize
-$cursor-sw-resize: sw-resize
-$cursor-ew-resize: ew-resize
-$cursor-ns-resize: ns-resize
-$cursor-nesw-resize: nesw-resize
-$cursor-nwse-resize: nwse-resize
-$cursor-zoom-in: zoom-in
-$cursor-zoom-out: zoom-out
-
-$divideColor-transparent: transparent
-$divideColor-current: currentColor
-$divideColor-additional_white: var(--theme-additional-white)
-$divideColor-additional_black: var(--theme-additional-black)
-$divideColor-additional_dsurface: var(--theme-additional-dsurface)
-$divideColor-surface_primary_light: var(--light-theme-surface-primary)
-$divideColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$divideColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$divideColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$divideColor-content_primary_light: var(--light-theme-content-primary)
-$divideColor-content_secondary_light: var(--light-theme-content-secondary)
-$divideColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$divideColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$divideColor-content_quintary_light: var(--light-theme-content-quintarny)
-$divideColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$divideColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$divideColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$divideColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$divideColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$divideColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$divideColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$divideColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$divideColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$divideColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$divideColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$divideColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$divideColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$divideColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$divideColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$divideColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$divideColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$divideColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$divideColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$divideColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$divideColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$divideColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$divideColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$divideColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$divideColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$divideColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$divideColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$divideColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$divideColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$divideColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$divideColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$divideColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$divideColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$divideColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$divideColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$divideColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$divideColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$divideColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$divideColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$divideColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$divideColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$divideColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$divideColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$divideColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$divideColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$divideColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$divideColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$divideColor-content_primary_dark: var(--dark-theme-content-primary)
-$divideColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$divideColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$divideColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$divideColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$divideColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$divideColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$divideColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$divideColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$divideColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$divideColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$divideColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$divideColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$divideColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$divideColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$divideColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$divideColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$divideColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$divideColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$divideColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$divideColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$divideColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$divideColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$divideColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$divideColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$divideColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$divideColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$divideColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$divideColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$divideColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$divideColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$divideColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$divideColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$divideColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$divideColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$divideColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$divideColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$divideColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$divideColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$divideColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$divideColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$divideColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$divideColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$divideColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$divideColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$divideColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$divideColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$divideColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-$divideColor-DEFAULT: currentColor
-
-$divideOpacity-0: 0
-$divideOpacity-5: 0.05
-$divideOpacity-10: 0.1
-$divideOpacity-20: 0.2
-$divideOpacity-25: 0.25
-$divideOpacity-30: 0.3
-$divideOpacity-40: 0.4
-$divideOpacity-50: 0.5
-$divideOpacity-60: 0.6
-$divideOpacity-70: 0.7
-$divideOpacity-75: 0.75
-$divideOpacity-80: 0.8
-$divideOpacity-90: 0.9
-$divideOpacity-95: 0.95
-$divideOpacity-100: 1
-
-$divideWidth-xs: var(--border-width-xs)
-$divideWidth-sm: var(--border-width-sm)
-$divideWidth-md: var(--border-width-md)
-$divideWidth-lg: var(--border-width-lg)
-
-$dropShadow-sm: (0 1px 1px rgba(0, 0, 0, 0.05))
-$dropShadow-DEFAULT: (0 1px 2px rgba(0, 0, 0, 0.1),0 1px 1px rgba(0, 0, 0, 0.06))
-$dropShadow-md: (0 4px 3px rgba(0, 0, 0, 0.07),0 2px 2px rgba(0, 0, 0, 0.06))
-$dropShadow-lg: (0 10px 8px rgba(0, 0, 0, 0.04),0 4px 3px rgba(0, 0, 0, 0.1))
-$dropShadow-xl: (0 20px 13px rgba(0, 0, 0, 0.03),0 8px 5px rgba(0, 0, 0, 0.08))
-$dropShadow-2xl: (0 25px 25px rgba(0, 0, 0, 0.15))
-$dropShadow-none: 0 0 #0000
-
-$fill-transparent: transparent
-$fill-current: currentColor
-$fill-additional_white: var(--theme-additional-white)
-$fill-additional_black: var(--theme-additional-black)
-$fill-additional_dsurface: var(--theme-additional-dsurface)
-$fill-surface_primary_light: var(--light-theme-surface-primary)
-$fill-surface_secondary_light: var(--light-theme-surface-secondary)
-$fill-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$fill-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$fill-content_primary_light: var(--light-theme-content-primary)
-$fill-content_secondary_light: var(--light-theme-content-secondary)
-$fill-content_tertiary_light: var(--light-theme-content-tertiary)
-$fill-content_quartenary_light: var(--light-theme-content-quaternary)
-$fill-content_quintary_light: var(--light-theme-content-quintarny)
-$fill-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$fill-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$fill-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$fill-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$fill-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$fill-action_primary_default_light: var(--light-theme-action-primary-default)
-$fill-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$fill-action_primary_active_light: var(--light-theme-action-primary-active)
-$fill-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$fill-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$fill-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$fill-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$fill-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$fill-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$fill-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$fill-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$fill-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$fill-destructive_default_light: var(--light-theme-action-destructive-default)
-$fill-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$fill-destructive_active_light: var(--light-theme-action-destructive-active)
-$fill-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$fill-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$fill-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$fill-state_success_fg_light: var(--light-theme-state-success-fg)
-$fill-state_success_bg_light: var(--light-theme-state-success-bg)
-$fill-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$fill-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$fill-state_error_fg_light: var(--light-theme-state-error-fg)
-$fill-state_error_bg_light: var(--light-theme-state-error-bg)
-$fill-state_info_fg_light: var(--light-theme-state-info-fg)
-$fill-state_info_bg_light: var(--light-theme-state-info-bg)
-$fill-state_help_fg_light: var(--light-theme-state-help-fg)
-$fill-state_help_bg_light: var(--light-theme-state-help-bg)
-$fill-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$fill-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$fill-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$fill-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$fill-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$fill-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$fill-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$fill-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$fill-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$fill-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$fill-surface_primary_dark: var(--dark-theme-surface-primary)
-$fill-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$fill-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$fill-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$fill-content_primary_dark: var(--dark-theme-content-primary)
-$fill-content_secondary_dark: var(--dark-theme-content-secondary)
-$fill-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$fill-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$fill-content_quintary_dark: var(--dark-theme-content-quintarny)
-$fill-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$fill-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$fill-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$fill-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$fill-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$fill-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$fill-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$fill-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$fill-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$fill-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$fill-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$fill-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$fill-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$fill-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$fill-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$fill-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$fill-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$fill-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$fill-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$fill-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$fill-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$fill-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$fill-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$fill-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$fill-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$fill-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$fill-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$fill-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$fill-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$fill-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$fill-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$fill-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$fill-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$fill-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$fill-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$fill-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$fill-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$fill-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$fill-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$fill-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$fill-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$fill-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$fill-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$grayscale-0: 0
-$grayscale-DEFAULT: 100%
-
-$hueRotate-0: 0deg
-$hueRotate-15: 15deg
-$hueRotate-30: 30deg
-$hueRotate-60: 60deg
-$hueRotate-90: 90deg
-$hueRotate-180: 180deg
-
-$invert-0: 0
-$invert-DEFAULT: 100%
-
-$flex-1: 1 1 0%
-$flex-auto: 1 1 auto
-$flex-initial: 0 1 auto
-$flex-none: none
-
-$flexBasis-0: 0px
-$flexBasis-1: 0.25rem
-$flexBasis-2: 0.5rem
-$flexBasis-3: 0.75rem
-$flexBasis-4: 1rem
-$flexBasis-5: 1.25rem
-$flexBasis-6: 1.5rem
-$flexBasis-7: 1.75rem
-$flexBasis-8: 2rem
-$flexBasis-9: 2.25rem
-$flexBasis-10: 2.5rem
-$flexBasis-11: 2.75rem
-$flexBasis-12: 3rem
-$flexBasis-14: 3.5rem
-$flexBasis-16: 4rem
-$flexBasis-20: 5rem
-$flexBasis-24: 6rem
-$flexBasis-28: 7rem
-$flexBasis-32: 8rem
-$flexBasis-36: 9rem
-$flexBasis-40: 10rem
-$flexBasis-44: 11rem
-$flexBasis-48: 12rem
-$flexBasis-52: 13rem
-$flexBasis-56: 14rem
-$flexBasis-60: 15rem
-$flexBasis-64: 16rem
-$flexBasis-72: 18rem
-$flexBasis-80: 20rem
-$flexBasis-96: 24rem
-$flexBasis-auto: auto
-$flexBasis-px: 1px
-$flexBasis-0-5: 0.125rem
-$flexBasis-1-5: 0.375rem
-$flexBasis-2-5: 0.625rem
-$flexBasis-3-5: 0.875rem
-$flexBasis-xxs: var(--spacing-xxs)
-$flexBasis-xs: var(--spacing-xs)
-$flexBasis-sm: var(--spacing-sm)
-$flexBasis-md: var(--spacing-md)
-$flexBasis-lg: var(--spacing-lg)
-$flexBasis-xl: var(--spacing-xl)
-$flexBasis-xxl: var(--spacing-xxl)
-$flexBasis-xxxl: var(--spacing-xxxl)
-$flexBasis-1\/2: 50%
-$flexBasis-1\/3: 33.333333%
-$flexBasis-2\/3: 66.666667%
-$flexBasis-1\/4: 25%
-$flexBasis-2\/4: 50%
-$flexBasis-3\/4: 75%
-$flexBasis-1\/5: 20%
-$flexBasis-2\/5: 40%
-$flexBasis-3\/5: 60%
-$flexBasis-4\/5: 80%
-$flexBasis-1\/6: 16.666667%
-$flexBasis-2\/6: 33.333333%
-$flexBasis-3\/6: 50%
-$flexBasis-4\/6: 66.666667%
-$flexBasis-5\/6: 83.333333%
-$flexBasis-1\/12: 8.333333%
-$flexBasis-2\/12: 16.666667%
-$flexBasis-3\/12: 25%
-$flexBasis-4\/12: 33.333333%
-$flexBasis-5\/12: 41.666667%
-$flexBasis-6\/12: 50%
-$flexBasis-7\/12: 58.333333%
-$flexBasis-8\/12: 66.666667%
-$flexBasis-9\/12: 75%
-$flexBasis-10\/12: 83.333333%
-$flexBasis-11\/12: 91.666667%
-$flexBasis-full: 100%
-
-$flexGrow-0: 0
-$flexGrow-DEFAULT: 1
-
-$flexShrink-0: 0
-$flexShrink-DEFAULT: 1
-
-$fontFamily-sans: (ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","Inter")
-$fontFamily-serif: (ui-serif,Georgia,Cambria,"Times New Roman",Times,serif)
-$fontFamily-mono: (ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)
-
-$fontSize-txt_xs: var(--fontsize-txt-xs)
-$fontSize-txt_sm: var(--fontsize-txt_sm)
-$fontSize-txt_md: var(--fontsize-txt_md)
-$fontSize-txt_lg: var(--fontsize-txt_lg)
-$fontSize-txt_xl: var(--fontsize-txt_xl)
-$fontSize-heading_xs: var(--fontsize-heading-xs)
-$fontSize-heading_sm: var(--fontsize-heading-sm)
-$fontSize-heading_md: var(--fontsize-heading-md)
-$fontSize-heading_lg: var(--fontsize-heading-lg)
-$fontSize-heading_xl: var(--fontsize-heading-xl)
-$fontSize-heading_xxl: var(--fontsize-heading-xxl)
-
-$fontWeight-thin: 100
-$fontWeight-extralight: 200
-$fontWeight-light: 300
-$fontWeight-regular: 400
-$fontWeight-medium: 500
-$fontWeight-semibold: 600
-$fontWeight-bold: 700
-$fontWeight-extrabold: 800
-$fontWeight-black: 900
-
-$gap-0: 0px
-$gap-1: 0.25rem
-$gap-2: 0.5rem
-$gap-3: 0.75rem
-$gap-4: 1rem
-$gap-5: 1.25rem
-$gap-6: 1.5rem
-$gap-7: 1.75rem
-$gap-8: 2rem
-$gap-9: 2.25rem
-$gap-10: 2.5rem
-$gap-11: 2.75rem
-$gap-12: 3rem
-$gap-14: 3.5rem
-$gap-16: 4rem
-$gap-20: 5rem
-$gap-24: 6rem
-$gap-28: 7rem
-$gap-32: 8rem
-$gap-36: 9rem
-$gap-40: 10rem
-$gap-44: 11rem
-$gap-48: 12rem
-$gap-52: 13rem
-$gap-56: 14rem
-$gap-60: 15rem
-$gap-64: 16rem
-$gap-72: 18rem
-$gap-80: 20rem
-$gap-96: 24rem
-$gap-px: 1px
-$gap-0-5: 0.125rem
-$gap-1-5: 0.375rem
-$gap-2-5: 0.625rem
-$gap-3-5: 0.875rem
-$gap-xxs: var(--spacing-xxs)
-$gap-xs: var(--spacing-xs)
-$gap-sm: var(--spacing-sm)
-$gap-md: var(--spacing-md)
-$gap-lg: var(--spacing-lg)
-$gap-xl: var(--spacing-xl)
-$gap-xxl: var(--spacing-xxl)
-$gap-xxxl: var(--spacing-xxxl)
-
-$gradientColorStops-transparent: transparent
-$gradientColorStops-current: currentColor
-$gradientColorStops-additional_white: var(--theme-additional-white)
-$gradientColorStops-additional_black: var(--theme-additional-black)
-$gradientColorStops-additional_dsurface: var(--theme-additional-dsurface)
-$gradientColorStops-surface_primary_light: var(--light-theme-surface-primary)
-$gradientColorStops-surface_secondary_light: var(--light-theme-surface-secondary)
-$gradientColorStops-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$gradientColorStops-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$gradientColorStops-content_primary_light: var(--light-theme-content-primary)
-$gradientColorStops-content_secondary_light: var(--light-theme-content-secondary)
-$gradientColorStops-content_tertiary_light: var(--light-theme-content-tertiary)
-$gradientColorStops-content_quartenary_light: var(--light-theme-content-quaternary)
-$gradientColorStops-content_quintary_light: var(--light-theme-content-quintarny)
-$gradientColorStops-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$gradientColorStops-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$gradientColorStops-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$gradientColorStops-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$gradientColorStops-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$gradientColorStops-action_primary_default_light: var(--light-theme-action-primary-default)
-$gradientColorStops-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$gradientColorStops-action_primary_active_light: var(--light-theme-action-primary-active)
-$gradientColorStops-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$gradientColorStops-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$gradientColorStops-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$gradientColorStops-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$gradientColorStops-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$gradientColorStops-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$gradientColorStops-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$gradientColorStops-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$gradientColorStops-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$gradientColorStops-destructive_default_light: var(--light-theme-action-destructive-default)
-$gradientColorStops-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$gradientColorStops-destructive_active_light: var(--light-theme-action-destructive-active)
-$gradientColorStops-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$gradientColorStops-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$gradientColorStops-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$gradientColorStops-state_success_fg_light: var(--light-theme-state-success-fg)
-$gradientColorStops-state_success_bg_light: var(--light-theme-state-success-bg)
-$gradientColorStops-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$gradientColorStops-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$gradientColorStops-state_error_fg_light: var(--light-theme-state-error-fg)
-$gradientColorStops-state_error_bg_light: var(--light-theme-state-error-bg)
-$gradientColorStops-state_info_fg_light: var(--light-theme-state-info-fg)
-$gradientColorStops-state_info_bg_light: var(--light-theme-state-info-bg)
-$gradientColorStops-state_help_fg_light: var(--light-theme-state-help-fg)
-$gradientColorStops-state_help_bg_light: var(--light-theme-state-help-bg)
-$gradientColorStops-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$gradientColorStops-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$gradientColorStops-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$gradientColorStops-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$gradientColorStops-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$gradientColorStops-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$gradientColorStops-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$gradientColorStops-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$gradientColorStops-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$gradientColorStops-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$gradientColorStops-surface_primary_dark: var(--dark-theme-surface-primary)
-$gradientColorStops-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$gradientColorStops-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$gradientColorStops-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$gradientColorStops-content_primary_dark: var(--dark-theme-content-primary)
-$gradientColorStops-content_secondary_dark: var(--dark-theme-content-secondary)
-$gradientColorStops-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$gradientColorStops-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$gradientColorStops-content_quintary_dark: var(--dark-theme-content-quintarny)
-$gradientColorStops-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$gradientColorStops-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$gradientColorStops-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$gradientColorStops-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$gradientColorStops-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$gradientColorStops-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$gradientColorStops-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$gradientColorStops-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$gradientColorStops-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$gradientColorStops-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$gradientColorStops-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$gradientColorStops-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$gradientColorStops-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$gradientColorStops-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$gradientColorStops-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$gradientColorStops-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$gradientColorStops-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$gradientColorStops-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$gradientColorStops-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$gradientColorStops-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$gradientColorStops-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$gradientColorStops-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$gradientColorStops-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$gradientColorStops-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$gradientColorStops-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$gradientColorStops-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$gradientColorStops-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$gradientColorStops-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$gradientColorStops-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$gradientColorStops-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$gradientColorStops-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$gradientColorStops-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$gradientColorStops-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$gradientColorStops-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$gradientColorStops-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$gradientColorStops-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$gradientColorStops-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$gradientColorStops-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$gradientColorStops-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$gradientColorStops-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$gradientColorStops-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$gradientColorStops-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$gradientColorStops-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$gridAutoColumns-auto: auto
-$gridAutoColumns-min: min-content
-$gridAutoColumns-max: max-content
-$gridAutoColumns-fr: (minmax(0, 1fr))
-
-$gridAutoRows-auto: auto
-$gridAutoRows-min: min-content
-$gridAutoRows-max: max-content
-$gridAutoRows-fr: (minmax(0, 1fr))
-
-$gridColumn-auto: auto
-$gridColumn-span-1: span 1 / span 1
-$gridColumn-span-2: span 2 / span 2
-$gridColumn-span-3: span 3 / span 3
-$gridColumn-span-4: span 4 / span 4
-$gridColumn-span-5: span 5 / span 5
-$gridColumn-span-6: span 6 / span 6
-$gridColumn-span-7: span 7 / span 7
-$gridColumn-span-8: span 8 / span 8
-$gridColumn-span-9: span 9 / span 9
-$gridColumn-span-10: span 10 / span 10
-$gridColumn-span-11: span 11 / span 11
-$gridColumn-span-12: span 12 / span 12
-$gridColumn-span-full: 1 / -1
-
-$gridColumnEnd-1: 1
-$gridColumnEnd-2: 2
-$gridColumnEnd-3: 3
-$gridColumnEnd-4: 4
-$gridColumnEnd-5: 5
-$gridColumnEnd-6: 6
-$gridColumnEnd-7: 7
-$gridColumnEnd-8: 8
-$gridColumnEnd-9: 9
-$gridColumnEnd-10: 10
-$gridColumnEnd-11: 11
-$gridColumnEnd-12: 12
-$gridColumnEnd-13: 13
-$gridColumnEnd-auto: auto
-
-$gridColumnStart-1: 1
-$gridColumnStart-2: 2
-$gridColumnStart-3: 3
-$gridColumnStart-4: 4
-$gridColumnStart-5: 5
-$gridColumnStart-6: 6
-$gridColumnStart-7: 7
-$gridColumnStart-8: 8
-$gridColumnStart-9: 9
-$gridColumnStart-10: 10
-$gridColumnStart-11: 11
-$gridColumnStart-12: 12
-$gridColumnStart-13: 13
-$gridColumnStart-auto: auto
-
-$gridRow-auto: auto
-$gridRow-span-1: span 1 / span 1
-$gridRow-span-2: span 2 / span 2
-$gridRow-span-3: span 3 / span 3
-$gridRow-span-4: span 4 / span 4
-$gridRow-span-5: span 5 / span 5
-$gridRow-span-6: span 6 / span 6
-$gridRow-span-full: 1 / -1
-
-$gridRowStart-1: 1
-$gridRowStart-2: 2
-$gridRowStart-3: 3
-$gridRowStart-4: 4
-$gridRowStart-5: 5
-$gridRowStart-6: 6
-$gridRowStart-7: 7
-$gridRowStart-auto: auto
-
-$gridRowEnd-1: 1
-$gridRowEnd-2: 2
-$gridRowEnd-3: 3
-$gridRowEnd-4: 4
-$gridRowEnd-5: 5
-$gridRowEnd-6: 6
-$gridRowEnd-7: 7
-$gridRowEnd-auto: auto
-
-$gridTemplateColumns-1: (repeat(1, minmax(0, 1fr)))
-$gridTemplateColumns-2: (repeat(2, minmax(0, 1fr)))
-$gridTemplateColumns-3: (repeat(3, minmax(0, 1fr)))
-$gridTemplateColumns-4: (repeat(4, minmax(0, 1fr)))
-$gridTemplateColumns-5: (repeat(5, minmax(0, 1fr)))
-$gridTemplateColumns-6: (repeat(6, minmax(0, 1fr)))
-$gridTemplateColumns-7: (repeat(7, minmax(0, 1fr)))
-$gridTemplateColumns-8: (repeat(8, minmax(0, 1fr)))
-$gridTemplateColumns-9: (repeat(9, minmax(0, 1fr)))
-$gridTemplateColumns-10: (repeat(10, minmax(0, 1fr)))
-$gridTemplateColumns-11: (repeat(11, minmax(0, 1fr)))
-$gridTemplateColumns-12: (repeat(12, minmax(0, 1fr)))
-$gridTemplateColumns-none: none
-
-$gridTemplateRows-1: (repeat(1, minmax(0, 1fr)))
-$gridTemplateRows-2: (repeat(2, minmax(0, 1fr)))
-$gridTemplateRows-3: (repeat(3, minmax(0, 1fr)))
-$gridTemplateRows-4: (repeat(4, minmax(0, 1fr)))
-$gridTemplateRows-5: (repeat(5, minmax(0, 1fr)))
-$gridTemplateRows-6: (repeat(6, minmax(0, 1fr)))
-$gridTemplateRows-none: none
-
-$height-0: 0px
-$height-1: 0.25rem
-$height-2: 0.5rem
-$height-3: 0.75rem
-$height-4: 1rem
-$height-5: 1.25rem
-$height-6: 1.5rem
-$height-7: 1.75rem
-$height-8: 2rem
-$height-9: 2.25rem
-$height-10: 2.5rem
-$height-11: 2.75rem
-$height-12: 3rem
-$height-14: 3.5rem
-$height-16: 4rem
-$height-20: 5rem
-$height-24: 6rem
-$height-28: 7rem
-$height-32: 8rem
-$height-36: 9rem
-$height-40: 10rem
-$height-44: 11rem
-$height-48: 12rem
-$height-52: 13rem
-$height-56: 14rem
-$height-60: 15rem
-$height-64: 16rem
-$height-72: 18rem
-$height-80: 20rem
-$height-96: 24rem
-$height-auto: auto
-$height-px: 1px
-$height-0-5: 0.125rem
-$height-1-5: 0.375rem
-$height-2-5: 0.625rem
-$height-3-5: 0.875rem
-$height-xxs: var(--spacing-xxs)
-$height-xs: var(--spacing-xs)
-$height-sm: var(--spacing-sm)
-$height-md: var(--spacing-md)
-$height-lg: var(--spacing-lg)
-$height-xl: var(--spacing-xl)
-$height-xxl: var(--spacing-xxl)
-$height-xxxl: var(--spacing-xxxl)
-$height-1\/2: 50%
-$height-1\/3: 33.333333%
-$height-2\/3: 66.666667%
-$height-1\/4: 25%
-$height-2\/4: 50%
-$height-3\/4: 75%
-$height-1\/5: 20%
-$height-2\/5: 40%
-$height-3\/5: 60%
-$height-4\/5: 80%
-$height-1\/6: 16.666667%
-$height-2\/6: 33.333333%
-$height-3\/6: 50%
-$height-4\/6: 66.666667%
-$height-5\/6: 83.333333%
-$height-full: 100%
-$height-screen: 100vh
-$height-min: min-content
-$height-max: max-content
-$height-fit: fit-content
-
-$inset-0: 0px
-$inset-1: 0.25rem
-$inset-2: 0.5rem
-$inset-3: 0.75rem
-$inset-4: 1rem
-$inset-5: 1.25rem
-$inset-6: 1.5rem
-$inset-7: 1.75rem
-$inset-8: 2rem
-$inset-9: 2.25rem
-$inset-10: 2.5rem
-$inset-11: 2.75rem
-$inset-12: 3rem
-$inset-14: 3.5rem
-$inset-16: 4rem
-$inset-20: 5rem
-$inset-24: 6rem
-$inset-28: 7rem
-$inset-32: 8rem
-$inset-36: 9rem
-$inset-40: 10rem
-$inset-44: 11rem
-$inset-48: 12rem
-$inset-52: 13rem
-$inset-56: 14rem
-$inset-60: 15rem
-$inset-64: 16rem
-$inset-72: 18rem
-$inset-80: 20rem
-$inset-96: 24rem
-$inset-auto: auto
-$inset-px: 1px
-$inset-0-5: 0.125rem
-$inset-1-5: 0.375rem
-$inset-2-5: 0.625rem
-$inset-3-5: 0.875rem
-$inset-xxs: var(--spacing-xxs)
-$inset-xs: var(--spacing-xs)
-$inset-sm: var(--spacing-sm)
-$inset-md: var(--spacing-md)
-$inset-lg: var(--spacing-lg)
-$inset-xl: var(--spacing-xl)
-$inset-xxl: var(--spacing-xxl)
-$inset-xxxl: var(--spacing-xxxl)
-$inset-1\/2: 50%
-$inset-1\/3: 33.333333%
-$inset-2\/3: 66.666667%
-$inset-1\/4: 25%
-$inset-2\/4: 50%
-$inset-3\/4: 75%
-$inset-full: 100%
-
-$letterSpacing-txt_xs: var(--letterspacing-txt-xs)
-$letterSpacing-txt_sm: var(--letterspacing-txt-sm)
-$letterSpacing-txt_md: var(--letterspacing-txt-md)
-$letterSpacing-txt_lg: var(--letterspacing-txt-lg)
-$letterSpacing-txt_xl: var(--letterspacing-txt-xl)
-$letterSpacing-heading_xs: var(--letterspacing-heading-xs)
-$letterSpacing-heading_sm: var(--letterspacing-heading-sm)
-$letterSpacing-heading_md: var(--letterspacing-heading-md)
-$letterSpacing-heading_lg: var(--letterspacing-heading-lg)
-$letterSpacing-heading_xl: var(--letterspacing-heading-xl)
-$letterSpacing-heading_xxl: var(--letterspacing-heading-xxl)
-
-$lineHeight-txt_xs: var(--lineheight-txt-xs)
-$lineHeight-txt_sm: var(--lineheight-txt-sm)
-$lineHeight-txt_md: var(--lineheight-txt-md)
-$lineHeight-txt_lg: var(--lineheight-txt-lg)
-$lineHeight-txt_xl: var(--lineheight-txt-xl)
-$lineHeight-heading_xs: var(--lineheight-heading-xs)
-$lineHeight-heading_sm: var(--lineheight-heading-sm)
-$lineHeight-heading_md: var(--lineheight-heading-md)
-$lineHeight-heading_lg: var(--lineheight-heading-lg)
-$lineHeight-heading_xl: var(--lineheight-heading-xl)
-$lineHeight-heading_xxl: var(--lineheight-heading-xxl)
-
-$listStyleType-none: none
-$listStyleType-disc: disc
-$listStyleType-decimal: decimal
-
-$margin-0: 0px
-$margin-1: 0.25rem
-$margin-2: 0.5rem
-$margin-3: 0.75rem
-$margin-4: 1rem
-$margin-5: 1.25rem
-$margin-6: 1.5rem
-$margin-7: 1.75rem
-$margin-8: 2rem
-$margin-9: 2.25rem
-$margin-10: 2.5rem
-$margin-11: 2.75rem
-$margin-12: 3rem
-$margin-14: 3.5rem
-$margin-16: 4rem
-$margin-20: 5rem
-$margin-24: 6rem
-$margin-28: 7rem
-$margin-32: 8rem
-$margin-36: 9rem
-$margin-40: 10rem
-$margin-44: 11rem
-$margin-48: 12rem
-$margin-52: 13rem
-$margin-56: 14rem
-$margin-60: 15rem
-$margin-64: 16rem
-$margin-72: 18rem
-$margin-80: 20rem
-$margin-96: 24rem
-$margin-auto: auto
-$margin-px: 1px
-$margin-0-5: 0.125rem
-$margin-1-5: 0.375rem
-$margin-2-5: 0.625rem
-$margin-3-5: 0.875rem
-$margin-xxs: var(--spacing-xxs)
-$margin-xs: var(--spacing-xs)
-$margin-sm: var(--spacing-sm)
-$margin-md: var(--spacing-md)
-$margin-lg: var(--spacing-lg)
-$margin-xl: var(--spacing-xl)
-$margin-xxl: var(--spacing-xxl)
-$margin-xxxl: var(--spacing-xxxl)
-
-$maxHeight-0: 0px
-$maxHeight-1: 0.25rem
-$maxHeight-2: 0.5rem
-$maxHeight-3: 0.75rem
-$maxHeight-4: 1rem
-$maxHeight-5: 1.25rem
-$maxHeight-6: 1.5rem
-$maxHeight-7: 1.75rem
-$maxHeight-8: 2rem
-$maxHeight-9: 2.25rem
-$maxHeight-10: 2.5rem
-$maxHeight-11: 2.75rem
-$maxHeight-12: 3rem
-$maxHeight-14: 3.5rem
-$maxHeight-16: 4rem
-$maxHeight-20: 5rem
-$maxHeight-24: 6rem
-$maxHeight-28: 7rem
-$maxHeight-32: 8rem
-$maxHeight-36: 9rem
-$maxHeight-40: 10rem
-$maxHeight-44: 11rem
-$maxHeight-48: 12rem
-$maxHeight-52: 13rem
-$maxHeight-56: 14rem
-$maxHeight-60: 15rem
-$maxHeight-64: 16rem
-$maxHeight-72: 18rem
-$maxHeight-80: 20rem
-$maxHeight-96: 24rem
-$maxHeight-px: 1px
-$maxHeight-0-5: 0.125rem
-$maxHeight-1-5: 0.375rem
-$maxHeight-2-5: 0.625rem
-$maxHeight-3-5: 0.875rem
-$maxHeight-xxs: var(--spacing-xxs)
-$maxHeight-xs: var(--spacing-xs)
-$maxHeight-sm: var(--spacing-sm)
-$maxHeight-md: var(--spacing-md)
-$maxHeight-lg: var(--spacing-lg)
-$maxHeight-xl: var(--spacing-xl)
-$maxHeight-xxl: var(--spacing-xxl)
-$maxHeight-xxxl: var(--spacing-xxxl)
-$maxHeight-full: 100%
-$maxHeight-screen: 100vh
-$maxHeight-min: min-content
-$maxHeight-max: max-content
-$maxHeight-fit: fit-content
-
-$maxWidth-0: 0rem
-$maxWidth-none: none
-$maxWidth-xs: 20rem
-$maxWidth-sm: 24rem
-$maxWidth-md: 28rem
-$maxWidth-lg: 32rem
-$maxWidth-xl: 36rem
-$maxWidth-2xl: 42rem
-$maxWidth-3xl: 48rem
-$maxWidth-4xl: 56rem
-$maxWidth-5xl: 64rem
-$maxWidth-6xl: 72rem
-$maxWidth-7xl: 80rem
-$maxWidth-full: 100%
-$maxWidth-min: min-content
-$maxWidth-max: max-content
-$maxWidth-fit: fit-content
-$maxWidth-prose: 65ch
-$maxWidth-screen-sm: 640px
-$maxWidth-screen-md: 768px
-$maxWidth-screen-lg: 1024px
-$maxWidth-screen-xl: 1280px
-$maxWidth-screen-2xl: 1536px
-
-$minHeight-0: 0px
-$minHeight-full: 100%
-$minHeight-screen: 100vh
-$minHeight-min: min-content
-$minHeight-max: max-content
-$minHeight-fit: fit-content
-
-$minWidth-0: 0px
-$minWidth-full: 100%
-$minWidth-min: min-content
-$minWidth-max: max-content
-$minWidth-fit: fit-content
-
-$objectPosition-bottom: bottom
-$objectPosition-center: center
-$objectPosition-left: left
-$objectPosition-left-bottom: left bottom
-$objectPosition-left-top: left top
-$objectPosition-right: right
-$objectPosition-right-bottom: right bottom
-$objectPosition-right-top: right top
-$objectPosition-top: top
-
-$opacity-0: 0
-$opacity-5: 0.05
-$opacity-10: 0.1
-$opacity-20: 0.2
-$opacity-25: 0.25
-$opacity-30: 0.3
-$opacity-40: 0.4
-$opacity-50: 0.5
-$opacity-60: 0.6
-$opacity-70: 0.7
-$opacity-75: 0.75
-$opacity-80: 0.8
-$opacity-90: 0.9
-$opacity-95: 0.95
-$opacity-100: 1
-
-$order-1: 1
-$order-2: 2
-$order-3: 3
-$order-4: 4
-$order-5: 5
-$order-6: 6
-$order-7: 7
-$order-8: 8
-$order-9: 9
-$order-10: 10
-$order-11: 11
-$order-12: 12
-$order-first: -9999
-$order-last: 9999
-$order-none: 0
-
-$padding-0: 0px
-$padding-1: 0.25rem
-$padding-2: 0.5rem
-$padding-3: 0.75rem
-$padding-4: 1rem
-$padding-5: 1.25rem
-$padding-6: 1.5rem
-$padding-7: 1.75rem
-$padding-8: 2rem
-$padding-9: 2.25rem
-$padding-10: 2.5rem
-$padding-11: 2.75rem
-$padding-12: 3rem
-$padding-14: 3.5rem
-$padding-16: 4rem
-$padding-20: 5rem
-$padding-24: 6rem
-$padding-28: 7rem
-$padding-32: 8rem
-$padding-36: 9rem
-$padding-40: 10rem
-$padding-44: 11rem
-$padding-48: 12rem
-$padding-52: 13rem
-$padding-56: 14rem
-$padding-60: 15rem
-$padding-64: 16rem
-$padding-72: 18rem
-$padding-80: 20rem
-$padding-96: 24rem
-$padding-px: 1px
-$padding-0-5: 0.125rem
-$padding-1-5: 0.375rem
-$padding-2-5: 0.625rem
-$padding-3-5: 0.875rem
-$padding-xxs: var(--spacing-xxs)
-$padding-xs: var(--spacing-xs)
-$padding-sm: var(--spacing-sm)
-$padding-md: var(--spacing-md)
-$padding-lg: var(--spacing-lg)
-$padding-xl: var(--spacing-xl)
-$padding-xxl: var(--spacing-xxl)
-$padding-xxxl: var(--spacing-xxxl)
-
-$placeholderColor-transparent: transparent
-$placeholderColor-current: currentColor
-$placeholderColor-additional_white: var(--theme-additional-white)
-$placeholderColor-additional_black: var(--theme-additional-black)
-$placeholderColor-additional_dsurface: var(--theme-additional-dsurface)
-$placeholderColor-surface_primary_light: var(--light-theme-surface-primary)
-$placeholderColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$placeholderColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$placeholderColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$placeholderColor-content_primary_light: var(--light-theme-content-primary)
-$placeholderColor-content_secondary_light: var(--light-theme-content-secondary)
-$placeholderColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$placeholderColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$placeholderColor-content_quintary_light: var(--light-theme-content-quintarny)
-$placeholderColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$placeholderColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$placeholderColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$placeholderColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$placeholderColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$placeholderColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$placeholderColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$placeholderColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$placeholderColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$placeholderColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$placeholderColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$placeholderColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$placeholderColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$placeholderColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$placeholderColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$placeholderColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$placeholderColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$placeholderColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$placeholderColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$placeholderColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$placeholderColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$placeholderColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$placeholderColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$placeholderColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$placeholderColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$placeholderColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$placeholderColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$placeholderColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$placeholderColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$placeholderColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$placeholderColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$placeholderColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$placeholderColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$placeholderColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$placeholderColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$placeholderColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$placeholderColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$placeholderColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$placeholderColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$placeholderColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$placeholderColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$placeholderColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$placeholderColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$placeholderColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$placeholderColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$placeholderColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$placeholderColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$placeholderColor-content_primary_dark: var(--dark-theme-content-primary)
-$placeholderColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$placeholderColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$placeholderColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$placeholderColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$placeholderColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$placeholderColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$placeholderColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$placeholderColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$placeholderColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$placeholderColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$placeholderColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$placeholderColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$placeholderColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$placeholderColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$placeholderColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$placeholderColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$placeholderColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$placeholderColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$placeholderColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$placeholderColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$placeholderColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$placeholderColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$placeholderColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$placeholderColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$placeholderColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$placeholderColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$placeholderColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$placeholderColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$placeholderColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$placeholderColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$placeholderColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$placeholderColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$placeholderColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$placeholderColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$placeholderColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$placeholderColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$placeholderColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$placeholderColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$placeholderColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$placeholderColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$placeholderColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$placeholderColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$placeholderColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$placeholderColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$placeholderColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$placeholderColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$placeholderColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$placeholderOpacity-0: 0
-$placeholderOpacity-5: 0.05
-$placeholderOpacity-10: 0.1
-$placeholderOpacity-20: 0.2
-$placeholderOpacity-25: 0.25
-$placeholderOpacity-30: 0.3
-$placeholderOpacity-40: 0.4
-$placeholderOpacity-50: 0.5
-$placeholderOpacity-60: 0.6
-$placeholderOpacity-70: 0.7
-$placeholderOpacity-75: 0.75
-$placeholderOpacity-80: 0.8
-$placeholderOpacity-90: 0.9
-$placeholderOpacity-95: 0.95
-$placeholderOpacity-100: 1
-
-$outlineColor-transparent: transparent
-$outlineColor-current: currentColor
-$outlineColor-additional_white: var(--theme-additional-white)
-$outlineColor-additional_black: var(--theme-additional-black)
-$outlineColor-additional_dsurface: var(--theme-additional-dsurface)
-$outlineColor-surface_primary_light: var(--light-theme-surface-primary)
-$outlineColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$outlineColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$outlineColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$outlineColor-content_primary_light: var(--light-theme-content-primary)
-$outlineColor-content_secondary_light: var(--light-theme-content-secondary)
-$outlineColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$outlineColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$outlineColor-content_quintary_light: var(--light-theme-content-quintarny)
-$outlineColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$outlineColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$outlineColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$outlineColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$outlineColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$outlineColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$outlineColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$outlineColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$outlineColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$outlineColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$outlineColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$outlineColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$outlineColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$outlineColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$outlineColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$outlineColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$outlineColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$outlineColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$outlineColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$outlineColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$outlineColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$outlineColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$outlineColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$outlineColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$outlineColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$outlineColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$outlineColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$outlineColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$outlineColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$outlineColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$outlineColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$outlineColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$outlineColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$outlineColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$outlineColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$outlineColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$outlineColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$outlineColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$outlineColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$outlineColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$outlineColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$outlineColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$outlineColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$outlineColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$outlineColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$outlineColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$outlineColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$outlineColor-content_primary_dark: var(--dark-theme-content-primary)
-$outlineColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$outlineColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$outlineColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$outlineColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$outlineColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$outlineColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$outlineColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$outlineColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$outlineColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$outlineColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$outlineColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$outlineColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$outlineColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$outlineColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$outlineColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$outlineColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$outlineColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$outlineColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$outlineColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$outlineColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$outlineColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$outlineColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$outlineColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$outlineColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$outlineColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$outlineColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$outlineColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$outlineColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$outlineColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$outlineColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$outlineColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$outlineColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$outlineColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$outlineColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$outlineColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$outlineColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$outlineColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$outlineColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$outlineColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$outlineColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$outlineColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$outlineColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$outlineColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$outlineColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$outlineColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$outlineColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$outlineColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$outlineOffset-0: 0px
-$outlineOffset-1: 1px
-$outlineOffset-2: 2px
-$outlineOffset-4: 4px
-$outlineOffset-8: 8px
-
-$outlineWidth-0: 0px
-$outlineWidth-1: 1px
-$outlineWidth-2: 2px
-$outlineWidth-4: 4px
-$outlineWidth-8: 8px
-
-$ringColor-DEFAULT: #3b82f6
-$ringColor-transparent: transparent
-$ringColor-current: currentColor
-$ringColor-additional_white: var(--theme-additional-white)
-$ringColor-additional_black: var(--theme-additional-black)
-$ringColor-additional_dsurface: var(--theme-additional-dsurface)
-$ringColor-surface_primary_light: var(--light-theme-surface-primary)
-$ringColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$ringColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$ringColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$ringColor-content_primary_light: var(--light-theme-content-primary)
-$ringColor-content_secondary_light: var(--light-theme-content-secondary)
-$ringColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$ringColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$ringColor-content_quintary_light: var(--light-theme-content-quintarny)
-$ringColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$ringColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$ringColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$ringColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$ringColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$ringColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$ringColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$ringColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$ringColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$ringColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$ringColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$ringColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$ringColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$ringColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$ringColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$ringColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$ringColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$ringColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$ringColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$ringColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$ringColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$ringColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$ringColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$ringColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$ringColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$ringColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$ringColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$ringColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$ringColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$ringColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$ringColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$ringColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$ringColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$ringColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$ringColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$ringColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$ringColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$ringColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$ringColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$ringColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$ringColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$ringColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$ringColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$ringColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$ringColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$ringColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$ringColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$ringColor-content_primary_dark: var(--dark-theme-content-primary)
-$ringColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$ringColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$ringColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$ringColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$ringColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$ringColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$ringColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$ringColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$ringColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$ringColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$ringColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$ringColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$ringColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$ringColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$ringColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$ringColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$ringColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$ringColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$ringColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$ringColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$ringColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$ringColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$ringColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$ringColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$ringColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$ringColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$ringColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$ringColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$ringColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$ringColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$ringColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$ringColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$ringColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$ringColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$ringColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$ringColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$ringColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$ringColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$ringColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$ringColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$ringColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$ringColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$ringColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$ringColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$ringColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$ringColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$ringColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$ringOffsetColor-transparent: transparent
-$ringOffsetColor-current: currentColor
-$ringOffsetColor-additional_white: var(--theme-additional-white)
-$ringOffsetColor-additional_black: var(--theme-additional-black)
-$ringOffsetColor-additional_dsurface: var(--theme-additional-dsurface)
-$ringOffsetColor-surface_primary_light: var(--light-theme-surface-primary)
-$ringOffsetColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$ringOffsetColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$ringOffsetColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$ringOffsetColor-content_primary_light: var(--light-theme-content-primary)
-$ringOffsetColor-content_secondary_light: var(--light-theme-content-secondary)
-$ringOffsetColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$ringOffsetColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$ringOffsetColor-content_quintary_light: var(--light-theme-content-quintarny)
-$ringOffsetColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$ringOffsetColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$ringOffsetColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$ringOffsetColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$ringOffsetColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$ringOffsetColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$ringOffsetColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$ringOffsetColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$ringOffsetColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$ringOffsetColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$ringOffsetColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$ringOffsetColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$ringOffsetColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$ringOffsetColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$ringOffsetColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$ringOffsetColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$ringOffsetColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$ringOffsetColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$ringOffsetColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$ringOffsetColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$ringOffsetColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$ringOffsetColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$ringOffsetColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$ringOffsetColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$ringOffsetColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$ringOffsetColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$ringOffsetColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$ringOffsetColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$ringOffsetColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$ringOffsetColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$ringOffsetColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$ringOffsetColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$ringOffsetColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$ringOffsetColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$ringOffsetColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$ringOffsetColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$ringOffsetColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$ringOffsetColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$ringOffsetColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$ringOffsetColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$ringOffsetColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$ringOffsetColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$ringOffsetColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$ringOffsetColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$ringOffsetColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$ringOffsetColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$ringOffsetColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$ringOffsetColor-content_primary_dark: var(--dark-theme-content-primary)
-$ringOffsetColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$ringOffsetColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$ringOffsetColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$ringOffsetColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$ringOffsetColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$ringOffsetColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$ringOffsetColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$ringOffsetColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$ringOffsetColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$ringOffsetColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$ringOffsetColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$ringOffsetColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$ringOffsetColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$ringOffsetColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$ringOffsetColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$ringOffsetColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$ringOffsetColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$ringOffsetColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$ringOffsetColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$ringOffsetColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$ringOffsetColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$ringOffsetColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$ringOffsetColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$ringOffsetColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$ringOffsetColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$ringOffsetColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$ringOffsetColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$ringOffsetColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$ringOffsetColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$ringOffsetColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$ringOffsetColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$ringOffsetColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$ringOffsetColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$ringOffsetColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$ringOffsetColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$ringOffsetColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$ringOffsetColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$ringOffsetColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$ringOffsetColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$ringOffsetColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$ringOffsetColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$ringOffsetColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$ringOffsetColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$ringOffsetColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$ringOffsetColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$ringOffsetColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$ringOffsetColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$ringOffsetWidth-0: 0px
-$ringOffsetWidth-1: 1px
-$ringOffsetWidth-2: 2px
-$ringOffsetWidth-4: 4px
-$ringOffsetWidth-8: 8px
-
-$ringOpacity-0: 0
-$ringOpacity-5: 0.05
-$ringOpacity-10: 0.1
-$ringOpacity-20: 0.2
-$ringOpacity-25: 0.25
-$ringOpacity-30: 0.3
-$ringOpacity-40: 0.4
-$ringOpacity-50: 0.5
-$ringOpacity-60: 0.6
-$ringOpacity-70: 0.7
-$ringOpacity-75: 0.75
-$ringOpacity-80: 0.8
-$ringOpacity-90: 0.9
-$ringOpacity-95: 0.95
-$ringOpacity-100: 1
-$ringOpacity-DEFAULT: 0.5
-
-$ringWidth-0: 0px
-$ringWidth-1: 1px
-$ringWidth-2: 2px
-$ringWidth-4: 4px
-$ringWidth-8: 8px
-$ringWidth-DEFAULT: 3px
-
-$rotate-0: 0deg
-$rotate-1: 1deg
-$rotate-2: 2deg
-$rotate-3: 3deg
-$rotate-6: 6deg
-$rotate-12: 12deg
-$rotate-45: 45deg
-$rotate-90: 90deg
-$rotate-180: 180deg
-
-$saturate-0: 0
-$saturate-50: .5
-$saturate-100: 1
-$saturate-150: 1.5
-$saturate-200: 2
-
-$scale-0: 0
-$scale-50: .5
-$scale-75: .75
-$scale-90: .9
-$scale-95: .95
-$scale-100: 1
-$scale-105: 1.05
-$scale-110: 1.1
-$scale-125: 1.25
-$scale-150: 1.5
-
-$scrollMargin-0: 0px
-$scrollMargin-1: 0.25rem
-$scrollMargin-2: 0.5rem
-$scrollMargin-3: 0.75rem
-$scrollMargin-4: 1rem
-$scrollMargin-5: 1.25rem
-$scrollMargin-6: 1.5rem
-$scrollMargin-7: 1.75rem
-$scrollMargin-8: 2rem
-$scrollMargin-9: 2.25rem
-$scrollMargin-10: 2.5rem
-$scrollMargin-11: 2.75rem
-$scrollMargin-12: 3rem
-$scrollMargin-14: 3.5rem
-$scrollMargin-16: 4rem
-$scrollMargin-20: 5rem
-$scrollMargin-24: 6rem
-$scrollMargin-28: 7rem
-$scrollMargin-32: 8rem
-$scrollMargin-36: 9rem
-$scrollMargin-40: 10rem
-$scrollMargin-44: 11rem
-$scrollMargin-48: 12rem
-$scrollMargin-52: 13rem
-$scrollMargin-56: 14rem
-$scrollMargin-60: 15rem
-$scrollMargin-64: 16rem
-$scrollMargin-72: 18rem
-$scrollMargin-80: 20rem
-$scrollMargin-96: 24rem
-$scrollMargin-px: 1px
-$scrollMargin-0-5: 0.125rem
-$scrollMargin-1-5: 0.375rem
-$scrollMargin-2-5: 0.625rem
-$scrollMargin-3-5: 0.875rem
-$scrollMargin-xxs: var(--spacing-xxs)
-$scrollMargin-xs: var(--spacing-xs)
-$scrollMargin-sm: var(--spacing-sm)
-$scrollMargin-md: var(--spacing-md)
-$scrollMargin-lg: var(--spacing-lg)
-$scrollMargin-xl: var(--spacing-xl)
-$scrollMargin-xxl: var(--spacing-xxl)
-$scrollMargin-xxxl: var(--spacing-xxxl)
-
-$scrollPadding-0: 0px
-$scrollPadding-1: 0.25rem
-$scrollPadding-2: 0.5rem
-$scrollPadding-3: 0.75rem
-$scrollPadding-4: 1rem
-$scrollPadding-5: 1.25rem
-$scrollPadding-6: 1.5rem
-$scrollPadding-7: 1.75rem
-$scrollPadding-8: 2rem
-$scrollPadding-9: 2.25rem
-$scrollPadding-10: 2.5rem
-$scrollPadding-11: 2.75rem
-$scrollPadding-12: 3rem
-$scrollPadding-14: 3.5rem
-$scrollPadding-16: 4rem
-$scrollPadding-20: 5rem
-$scrollPadding-24: 6rem
-$scrollPadding-28: 7rem
-$scrollPadding-32: 8rem
-$scrollPadding-36: 9rem
-$scrollPadding-40: 10rem
-$scrollPadding-44: 11rem
-$scrollPadding-48: 12rem
-$scrollPadding-52: 13rem
-$scrollPadding-56: 14rem
-$scrollPadding-60: 15rem
-$scrollPadding-64: 16rem
-$scrollPadding-72: 18rem
-$scrollPadding-80: 20rem
-$scrollPadding-96: 24rem
-$scrollPadding-px: 1px
-$scrollPadding-0-5: 0.125rem
-$scrollPadding-1-5: 0.375rem
-$scrollPadding-2-5: 0.625rem
-$scrollPadding-3-5: 0.875rem
-$scrollPadding-xxs: var(--spacing-xxs)
-$scrollPadding-xs: var(--spacing-xs)
-$scrollPadding-sm: var(--spacing-sm)
-$scrollPadding-md: var(--spacing-md)
-$scrollPadding-lg: var(--spacing-lg)
-$scrollPadding-xl: var(--spacing-xl)
-$scrollPadding-xxl: var(--spacing-xxl)
-$scrollPadding-xxxl: var(--spacing-xxxl)
-
-$sepia-0: 0
-$sepia-DEFAULT: 100%
-
-$skew-0: 0deg
-$skew-1: 1deg
-$skew-2: 2deg
-$skew-3: 3deg
-$skew-6: 6deg
-$skew-12: 12deg
-
-$space-0: 0px
-$space-1: 0.25rem
-$space-2: 0.5rem
-$space-3: 0.75rem
-$space-4: 1rem
-$space-5: 1.25rem
-$space-6: 1.5rem
-$space-7: 1.75rem
-$space-8: 2rem
-$space-9: 2.25rem
-$space-10: 2.5rem
-$space-11: 2.75rem
-$space-12: 3rem
-$space-14: 3.5rem
-$space-16: 4rem
-$space-20: 5rem
-$space-24: 6rem
-$space-28: 7rem
-$space-32: 8rem
-$space-36: 9rem
-$space-40: 10rem
-$space-44: 11rem
-$space-48: 12rem
-$space-52: 13rem
-$space-56: 14rem
-$space-60: 15rem
-$space-64: 16rem
-$space-72: 18rem
-$space-80: 20rem
-$space-96: 24rem
-$space-px: 1px
-$space-0-5: 0.125rem
-$space-1-5: 0.375rem
-$space-2-5: 0.625rem
-$space-3-5: 0.875rem
-$space-xxs: var(--spacing-xxs)
-$space-xs: var(--spacing-xs)
-$space-sm: var(--spacing-sm)
-$space-md: var(--spacing-md)
-$space-lg: var(--spacing-lg)
-$space-xl: var(--spacing-xl)
-$space-xxl: var(--spacing-xxl)
-$space-xxxl: var(--spacing-xxxl)
-
-$stroke-transparent: transparent
-$stroke-current: currentColor
-$stroke-additional_white: var(--theme-additional-white)
-$stroke-additional_black: var(--theme-additional-black)
-$stroke-additional_dsurface: var(--theme-additional-dsurface)
-$stroke-surface_primary_light: var(--light-theme-surface-primary)
-$stroke-surface_secondary_light: var(--light-theme-surface-secondary)
-$stroke-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$stroke-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$stroke-content_primary_light: var(--light-theme-content-primary)
-$stroke-content_secondary_light: var(--light-theme-content-secondary)
-$stroke-content_tertiary_light: var(--light-theme-content-tertiary)
-$stroke-content_quartenary_light: var(--light-theme-content-quaternary)
-$stroke-content_quintary_light: var(--light-theme-content-quintarny)
-$stroke-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$stroke-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$stroke-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$stroke-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$stroke-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$stroke-action_primary_default_light: var(--light-theme-action-primary-default)
-$stroke-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$stroke-action_primary_active_light: var(--light-theme-action-primary-active)
-$stroke-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$stroke-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$stroke-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$stroke-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$stroke-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$stroke-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$stroke-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$stroke-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$stroke-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$stroke-destructive_default_light: var(--light-theme-action-destructive-default)
-$stroke-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$stroke-destructive_active_light: var(--light-theme-action-destructive-active)
-$stroke-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$stroke-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$stroke-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$stroke-state_success_fg_light: var(--light-theme-state-success-fg)
-$stroke-state_success_bg_light: var(--light-theme-state-success-bg)
-$stroke-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$stroke-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$stroke-state_error_fg_light: var(--light-theme-state-error-fg)
-$stroke-state_error_bg_light: var(--light-theme-state-error-bg)
-$stroke-state_info_fg_light: var(--light-theme-state-info-fg)
-$stroke-state_info_bg_light: var(--light-theme-state-info-bg)
-$stroke-state_help_fg_light: var(--light-theme-state-help-fg)
-$stroke-state_help_bg_light: var(--light-theme-state-help-bg)
-$stroke-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$stroke-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$stroke-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$stroke-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$stroke-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$stroke-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$stroke-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$stroke-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$stroke-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$stroke-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$stroke-surface_primary_dark: var(--dark-theme-surface-primary)
-$stroke-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$stroke-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$stroke-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$stroke-content_primary_dark: var(--dark-theme-content-primary)
-$stroke-content_secondary_dark: var(--dark-theme-content-secondary)
-$stroke-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$stroke-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$stroke-content_quintary_dark: var(--dark-theme-content-quintarny)
-$stroke-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$stroke-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$stroke-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$stroke-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$stroke-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$stroke-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$stroke-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$stroke-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$stroke-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$stroke-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$stroke-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$stroke-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$stroke-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$stroke-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$stroke-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$stroke-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$stroke-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$stroke-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$stroke-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$stroke-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$stroke-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$stroke-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$stroke-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$stroke-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$stroke-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$stroke-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$stroke-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$stroke-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$stroke-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$stroke-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$stroke-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$stroke-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$stroke-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$stroke-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$stroke-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$stroke-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$stroke-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$stroke-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$stroke-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$stroke-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$stroke-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$stroke-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$stroke-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$strokeWidth-0: 0
-$strokeWidth-1: 1
-$strokeWidth-2: 2
-
-$textColor-transparent: transparent
-$textColor-current: currentColor
-$textColor-additional_white: var(--theme-additional-white)
-$textColor-additional_black: var(--theme-additional-black)
-$textColor-additional_dsurface: var(--theme-additional-dsurface)
-$textColor-surface_primary_light: var(--light-theme-surface-primary)
-$textColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$textColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$textColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$textColor-content_primary_light: var(--light-theme-content-primary)
-$textColor-content_secondary_light: var(--light-theme-content-secondary)
-$textColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$textColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$textColor-content_quintary_light: var(--light-theme-content-quintarny)
-$textColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$textColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$textColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$textColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$textColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$textColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$textColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$textColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$textColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$textColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$textColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$textColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$textColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$textColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$textColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$textColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$textColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$textColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$textColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$textColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$textColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$textColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$textColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$textColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$textColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$textColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$textColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$textColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$textColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$textColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$textColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$textColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$textColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$textColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$textColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$textColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$textColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$textColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$textColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$textColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$textColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$textColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$textColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$textColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$textColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$textColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$textColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$textColor-content_primary_dark: var(--dark-theme-content-primary)
-$textColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$textColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$textColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$textColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$textColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$textColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$textColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$textColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$textColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$textColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$textColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$textColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$textColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$textColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$textColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$textColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$textColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$textColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$textColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$textColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$textColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$textColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$textColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$textColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$textColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$textColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$textColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$textColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$textColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$textColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$textColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$textColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$textColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$textColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$textColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$textColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$textColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$textColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$textColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$textColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$textColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$textColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$textColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$textColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$textColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$textColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$textColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$textDecorationColor-transparent: transparent
-$textDecorationColor-current: currentColor
-$textDecorationColor-additional_white: var(--theme-additional-white)
-$textDecorationColor-additional_black: var(--theme-additional-black)
-$textDecorationColor-additional_dsurface: var(--theme-additional-dsurface)
-$textDecorationColor-surface_primary_light: var(--light-theme-surface-primary)
-$textDecorationColor-surface_secondary_light: var(--light-theme-surface-secondary)
-$textDecorationColor-surface_tertiary_light: var(--light-theme-surface-tertiary)
-$textDecorationColor-surface_quatenary_light: var(--light-theme-surface-quaternary)
-$textDecorationColor-content_primary_light: var(--light-theme-content-primary)
-$textDecorationColor-content_secondary_light: var(--light-theme-content-secondary)
-$textDecorationColor-content_tertiary_light: var(--light-theme-content-tertiary)
-$textDecorationColor-content_quartenary_light: var(--light-theme-content-quaternary)
-$textDecorationColor-content_quintary_light: var(--light-theme-content-quintarny)
-$textDecorationColor-content_primary_inverse_light: var(--light-theme-content-primary-inverse)
-$textDecorationColor-content_secondary_inverse_light: var(--light-theme-content-secondary-inverse)
-$textDecorationColor-content_tertiary_inverse_light: var(--light-theme-content-tertiary-inverse)
-$textDecorationColor-content_quartenary_inverse_light: var(--light-theme-content-quartenary-inverse)
-$textDecorationColor-content_quintary_inverse_light: var(--light-theme-content-quintary-inverse)
-$textDecorationColor-action_primary_default_light: var(--light-theme-action-primary-default)
-$textDecorationColor-action_primary_hover_light: var(--light-theme-action-primary-hover)
-$textDecorationColor-action_primary_active_light: var(--light-theme-action-primary-active)
-$textDecorationColor-action_primary_disable_light: var(--light-theme-action-primary-disable)
-$textDecorationColor-action_primary_bg_light: var(--light-theme-action-primary-bg)
-$textDecorationColor-action_primary_bg10_light: var(--light-theme-action-primary-bg-ten)
-$textDecorationColor-action_secondary_default_light: var(--light-theme-action-secondary-default)
-$textDecorationColor-action_secondary_hover_light: var(--light-theme-action-secondary-hover)
-$textDecorationColor-action_secondary_active_light: var(--light-theme-action-secondary-active)
-$textDecorationColor-action_secondary_disable_light: var(--light-theme-action-secondary-disable)
-$textDecorationColor-action_secondary_bg_light: var(--light-theme-action-secondary-bg)
-$textDecorationColor-action_secondary_bg10_light: var(--light-theme-action-secondary-bg-ten)
-$textDecorationColor-destructive_default_light: var(--light-theme-action-destructive-default)
-$textDecorationColor-destructive_hover_light: var(--light-theme-action-destructive-hover)
-$textDecorationColor-destructive_active_light: var(--light-theme-action-destructive-active)
-$textDecorationColor-destructive_disable_light: var(--light-theme-action-destructive-disable)
-$textDecorationColor-destructive_bg_light: var(--light-theme-action-destructive-bg)
-$textDecorationColor-destructive_bg10_light: var(--light-theme-action-destructive-bg-ten)
-$textDecorationColor-state_success_fg_light: var(--light-theme-state-success-fg)
-$textDecorationColor-state_success_bg_light: var(--light-theme-state-success-bg)
-$textDecorationColor-state_warning_fg_light: var(--light-theme-state-warning-fg)
-$textDecorationColor-state_warning_bg_light: var(--light-theme-state-warning-bg)
-$textDecorationColor-state_error_fg_light: var(--light-theme-state-error-fg)
-$textDecorationColor-state_error_bg_light: var(--light-theme-state-error-bg)
-$textDecorationColor-state_info_fg_light: var(--light-theme-state-info-fg)
-$textDecorationColor-state_info_bg_light: var(--light-theme-state-info-bg)
-$textDecorationColor-state_help_fg_light: var(--light-theme-state-help-fg)
-$textDecorationColor-state_help_bg_light: var(--light-theme-state-help-bg)
-$textDecorationColor-ascent_1_fg_light: var(--light-theme-ascent-primary-fg)
-$textDecorationColor-ascent_1_bg_light: var(--light-theme-ascent-primary-bg)
-$textDecorationColor-ascent_2_fg_light: var(--light-theme-ascent-secondary-fg)
-$textDecorationColor-ascent_2_bg_light: var(--light-theme-ascent-secondary-bg)
-$textDecorationColor-ascent_3_fg_light: var(--light-theme-ascent-tertiary-fg)
-$textDecorationColor-ascent_3_bg_light: var(--light-theme-ascent-tertiary-bg)
-$textDecorationColor-ascent_4_fg_light: var(--light-theme-ascent-quanternary-fg)
-$textDecorationColor-ascent_4_bg_light: var(--light-theme-ascent-quanternary-bg)
-$textDecorationColor-ascent_5_fg_light: var(--light-theme-ascent-quintary-fg)
-$textDecorationColor-ascent_5_bg_light: var(--light-theme-ascent-quintary-bg)
-$textDecorationColor-surface_primary_dark: var(--dark-theme-surface-primary)
-$textDecorationColor-surface_secondary_dark: var(--dark-theme-surface-secondary)
-$textDecorationColor-surface_tertiary_dark: var(--dark-theme-surface-tertiary)
-$textDecorationColor-surface_quatenary_dark: var(--dark-theme-surface-quaternary)
-$textDecorationColor-content_primary_dark: var(--dark-theme-content-primary)
-$textDecorationColor-content_secondary_dark: var(--dark-theme-content-secondary)
-$textDecorationColor-content_tertiary_dark: var(--dark-theme-content-tertiary)
-$textDecorationColor-content_quartenary_dark: var(--dark-theme-content-quanternary)
-$textDecorationColor-content_quintary_dark: var(--dark-theme-content-quintarny)
-$textDecorationColor-content_primary_inverse_dark: var(--dark-theme-content-primary-inverse)
-$textDecorationColor-content_secondary_inverse_dark: var(--dark-theme-content-secondary-inverse)
-$textDecorationColor-content_tertiary_inverse_dark: var(--dark-theme-content-tertiary-inverse)
-$textDecorationColor-content_quartenary_inverse_dark: var(--dark-theme-content-quartenary-inverse)
-$textDecorationColor-content_quintary_inverse_dark: var(--dark-theme-content-quintary-inverse)
-$textDecorationColor-action_primary_default_dark: var(--dark-theme-action-primary-default)
-$textDecorationColor-action_primary_hover_dark: var(--dark-theme-action-primary-hover)
-$textDecorationColor-action_primary_active_dark: var(--dark-theme-action-primary-active)
-$textDecorationColor-action_primary_disable_dark: var(--dark-theme-action-primary-disable)
-$textDecorationColor-action_primary_bg_dark: var(--dark-theme-action-primary-bg)
-$textDecorationColor-action_primary_bg10_dark: var(--dark-theme-action-primary-bg-ten)
-$textDecorationColor-action_secondary_default_dark: var(--dark-theme-action-secondary-default)
-$textDecorationColor-action_secondary_hover_dark: var(--dark-theme-action-secondary-hover)
-$textDecorationColor-action_secondary_active_dark: var(--dark-theme-action-secondary-active)
-$textDecorationColor-action_secondary_disable_dark: var(--dark-theme-action-secondary-disable)
-$textDecorationColor-action_secondary_bg_dark: var(--dark-theme-action-secondary-bg)
-$textDecorationColor-action_secondary_bg10_dark: var(--dark-theme-action-secondary-bg-ten)
-$textDecorationColor-destructive_default_dark: var(--dark-theme-action-destructive-default)
-$textDecorationColor-destructive_hover_dark: var(--dark-theme-action-destructive-hover)
-$textDecorationColor-destructive_active_dark: var(--dark-theme-action-destructive-active)
-$textDecorationColor-destructive_disable_dark: var(--dark-theme-action-destructive-disable)
-$textDecorationColor-destructive_bg_dark: var(--dark-theme-action-destructive-bg)
-$textDecorationColor-destructive_bg10_dark: var(--dark-theme-action-destructive-bg-ten)
-$textDecorationColor-state_success_fg_dark: var(--dark-theme-state-success-fg)
-$textDecorationColor-state_success_bg_dark: var(--dark-theme-state-success-bg)
-$textDecorationColor-state_warning_fg_dark: var(--dark-theme-state-warning-fg)
-$textDecorationColor-state_warning_bg_dark: var(--dark-theme-state-warning-bg)
-$textDecorationColor-state_error_fg_dark: var(--dark-theme-state-error-fg)
-$textDecorationColor-state_error_bg_dark: var(--dark-theme-state-error-bg)
-$textDecorationColor-state_info_fg_dark: var(--dark-theme-state-info-fg)
-$textDecorationColor-state_info_bg_dark: var(--dark-theme-state-info-bg)
-$textDecorationColor-state_help_fg_dark: var(--dark-theme-state-help-fg)
-$textDecorationColor-state_help_bg_dark: var(--dark-theme-state-help-bg)
-$textDecorationColor-ascent_1_fg_dark: var(--dark-theme-ascent-primary-fg)
-$textDecorationColor-ascent_1_bg_dark: var(--dark-theme-ascent-primary-bg)
-$textDecorationColor-ascent_2_fg_dark: var(--dark-theme-ascent-secondary-fg)
-$textDecorationColor-ascent_2_bg_dark: var(--dark-theme-ascent-secondary-bg)
-$textDecorationColor-ascent_3_fg_dark: var(--dark-theme-ascent-tertiary-fg)
-$textDecorationColor-ascent_3_bg_dark: var(--dark-theme-ascent-tertiary-bg)
-$textDecorationColor-ascent_4_fg_dark: var(--dark-theme-ascent-quanternary-fg)
-$textDecorationColor-ascent_4_bg_dark: var(--dark-theme-ascent-quanternary-bg)
-$textDecorationColor-ascent_5_fg_dark: var(--dark-theme-ascent-quintary-fg)
-$textDecorationColor-ascent_5_bg_dark: var(--dark-theme-ascent-quintary-bg)
-
-$textDecorationThickness-0: 0px
-$textDecorationThickness-1: 1px
-$textDecorationThickness-2: 2px
-$textDecorationThickness-4: 4px
-$textDecorationThickness-8: 8px
-$textDecorationThickness-auto: auto
-$textDecorationThickness-from-font: from-font
-
-$textUnderlineOffset-0: 0px
-$textUnderlineOffset-1: 1px
-$textUnderlineOffset-2: 2px
-$textUnderlineOffset-4: 4px
-$textUnderlineOffset-8: 8px
-$textUnderlineOffset-auto: auto
-
-$textIndent-0: 0px
-$textIndent-1: 0.25rem
-$textIndent-2: 0.5rem
-$textIndent-3: 0.75rem
-$textIndent-4: 1rem
-$textIndent-5: 1.25rem
-$textIndent-6: 1.5rem
-$textIndent-7: 1.75rem
-$textIndent-8: 2rem
-$textIndent-9: 2.25rem
-$textIndent-10: 2.5rem
-$textIndent-11: 2.75rem
-$textIndent-12: 3rem
-$textIndent-14: 3.5rem
-$textIndent-16: 4rem
-$textIndent-20: 5rem
-$textIndent-24: 6rem
-$textIndent-28: 7rem
-$textIndent-32: 8rem
-$textIndent-36: 9rem
-$textIndent-40: 10rem
-$textIndent-44: 11rem
-$textIndent-48: 12rem
-$textIndent-52: 13rem
-$textIndent-56: 14rem
-$textIndent-60: 15rem
-$textIndent-64: 16rem
-$textIndent-72: 18rem
-$textIndent-80: 20rem
-$textIndent-96: 24rem
-$textIndent-px: 1px
-$textIndent-0-5: 0.125rem
-$textIndent-1-5: 0.375rem
-$textIndent-2-5: 0.625rem
-$textIndent-3-5: 0.875rem
-$textIndent-xxs: var(--spacing-xxs)
-$textIndent-xs: var(--spacing-xs)
-$textIndent-sm: var(--spacing-sm)
-$textIndent-md: var(--spacing-md)
-$textIndent-lg: var(--spacing-lg)
-$textIndent-xl: var(--spacing-xl)
-$textIndent-xxl: var(--spacing-xxl)
-$textIndent-xxxl: var(--spacing-xxxl)
-
-$textOpacity-0: 0
-$textOpacity-5: 0.05
-$textOpacity-10: 0.1
-$textOpacity-20: 0.2
-$textOpacity-25: 0.25
-$textOpacity-30: 0.3
-$textOpacity-40: 0.4
-$textOpacity-50: 0.5
-$textOpacity-60: 0.6
-$textOpacity-70: 0.7
-$textOpacity-75: 0.75
-$textOpacity-80: 0.8
-$textOpacity-90: 0.9
-$textOpacity-95: 0.95
-$textOpacity-100: 1
-
-$transformOrigin-center: center
-$transformOrigin-top: top
-$transformOrigin-top-right: top right
-$transformOrigin-right: right
-$transformOrigin-bottom-right: bottom right
-$transformOrigin-bottom: bottom
-$transformOrigin-bottom-left: bottom left
-$transformOrigin-left: left
-$transformOrigin-top-left: top left
-
-$transitionDelay-75: 75ms
-$transitionDelay-100: 100ms
-$transitionDelay-150: 150ms
-$transitionDelay-200: 200ms
-$transitionDelay-300: 300ms
-$transitionDelay-500: 500ms
-$transitionDelay-700: 700ms
-$transitionDelay-1000: 1000ms
-
-$transitionDuration-75: 75ms
-$transitionDuration-100: 100ms
-$transitionDuration-150: 150ms
-$transitionDuration-200: 200ms
-$transitionDuration-300: 300ms
-$transitionDuration-500: 500ms
-$transitionDuration-700: 700ms
-$transitionDuration-1000: 1000ms
-$transitionDuration-DEFAULT: 150ms
-
-$transitionProperty-none: none
-$transitionProperty-all: all
-$transitionProperty-DEFAULT: (color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter)
-$transitionProperty-colors: (color, background-color, border-color, text-decoration-color, fill, stroke)
-$transitionProperty-opacity: opacity
-$transitionProperty-shadow: box-shadow
-$transitionProperty-transform: transform
-
-$transitionTimingFunction-DEFAULT: (cubic-bezier(0.4, 0, 0.2, 1))
-$transitionTimingFunction-linear: linear
-$transitionTimingFunction-in: (cubic-bezier(0.4, 0, 1, 1))
-$transitionTimingFunction-out: (cubic-bezier(0, 0, 0.2, 1))
-$transitionTimingFunction-in-out: (cubic-bezier(0.4, 0, 0.2, 1))
-
-$translate-0: 0px
-$translate-1: 0.25rem
-$translate-2: 0.5rem
-$translate-3: 0.75rem
-$translate-4: 1rem
-$translate-5: 1.25rem
-$translate-6: 1.5rem
-$translate-7: 1.75rem
-$translate-8: 2rem
-$translate-9: 2.25rem
-$translate-10: 2.5rem
-$translate-11: 2.75rem
-$translate-12: 3rem
-$translate-14: 3.5rem
-$translate-16: 4rem
-$translate-20: 5rem
-$translate-24: 6rem
-$translate-28: 7rem
-$translate-32: 8rem
-$translate-36: 9rem
-$translate-40: 10rem
-$translate-44: 11rem
-$translate-48: 12rem
-$translate-52: 13rem
-$translate-56: 14rem
-$translate-60: 15rem
-$translate-64: 16rem
-$translate-72: 18rem
-$translate-80: 20rem
-$translate-96: 24rem
-$translate-px: 1px
-$translate-0-5: 0.125rem
-$translate-1-5: 0.375rem
-$translate-2-5: 0.625rem
-$translate-3-5: 0.875rem
-$translate-xxs: var(--spacing-xxs)
-$translate-xs: var(--spacing-xs)
-$translate-sm: var(--spacing-sm)
-$translate-md: var(--spacing-md)
-$translate-lg: var(--spacing-lg)
-$translate-xl: var(--spacing-xl)
-$translate-xxl: var(--spacing-xxl)
-$translate-xxxl: var(--spacing-xxxl)
-$translate-1\/2: 50%
-$translate-1\/3: 33.333333%
-$translate-2\/3: 66.666667%
-$translate-1\/4: 25%
-$translate-2\/4: 50%
-$translate-3\/4: 75%
-$translate-full: 100%
-
-$width-0: 0px
-$width-1: 0.25rem
-$width-2: 0.5rem
-$width-3: 0.75rem
-$width-4: 1rem
-$width-5: 1.25rem
-$width-6: 1.5rem
-$width-7: 1.75rem
-$width-8: 2rem
-$width-9: 2.25rem
-$width-10: 2.5rem
-$width-11: 2.75rem
-$width-12: 3rem
-$width-14: 3.5rem
-$width-16: 4rem
-$width-20: 5rem
-$width-24: 6rem
-$width-28: 7rem
-$width-32: 8rem
-$width-36: 9rem
-$width-40: 10rem
-$width-44: 11rem
-$width-48: 12rem
-$width-52: 13rem
-$width-56: 14rem
-$width-60: 15rem
-$width-64: 16rem
-$width-72: 18rem
-$width-80: 20rem
-$width-96: 24rem
-$width-auto: auto
-$width-px: 1px
-$width-0-5: 0.125rem
-$width-1-5: 0.375rem
-$width-2-5: 0.625rem
-$width-3-5: 0.875rem
-$width-xxs: var(--spacing-xxs)
-$width-xs: var(--spacing-xs)
-$width-sm: var(--spacing-sm)
-$width-md: var(--spacing-md)
-$width-lg: var(--spacing-lg)
-$width-xl: var(--spacing-xl)
-$width-xxl: var(--spacing-xxl)
-$width-xxxl: var(--spacing-xxxl)
-$width-1\/2: 50%
-$width-1\/3: 33.333333%
-$width-2\/3: 66.666667%
-$width-1\/4: 25%
-$width-2\/4: 50%
-$width-3\/4: 75%
-$width-1\/5: 20%
-$width-2\/5: 40%
-$width-3\/5: 60%
-$width-4\/5: 80%
-$width-1\/6: 16.666667%
-$width-2\/6: 33.333333%
-$width-3\/6: 50%
-$width-4\/6: 66.666667%
-$width-5\/6: 83.333333%
-$width-1\/12: 8.333333%
-$width-2\/12: 16.666667%
-$width-3\/12: 25%
-$width-4\/12: 33.333333%
-$width-5\/12: 41.666667%
-$width-6\/12: 50%
-$width-7\/12: 58.333333%
-$width-8\/12: 66.666667%
-$width-9\/12: 75%
-$width-10\/12: 83.333333%
-$width-11\/12: 91.666667%
-$width-full: 100%
-$width-screen: 100vw
-$width-min: min-content
-$width-max: max-content
-$width-fit: fit-content
-
-$willChange-auto: auto
-$willChange-scroll: scroll-position
-$willChange-contents: contents
-$willChange-transform: transform
-
-$zIndex-0: 0
-$zIndex-10: 10
-$zIndex-20: 20
-$zIndex-30: 30
-$zIndex-40: 40
-$zIndex-50: 50
-$zIndex-auto: auto
diff --git a/dist/styles/tailwind.css b/dist/styles/tailwind.css
deleted file mode 100644
index f626b38..0000000
--- a/dist/styles/tailwind.css
+++ /dev/null
@@ -1,3 +0,0 @@
-/*@tailwind base; !* Zakladne CSS pre pracu roznych prehliadacoch - moze prepisat nieco z antu *!*/
-@tailwind components; /* dekorator pre custom css komponenty - apply css1 css2 css3.... */
-@tailwind utilities; /* utilky pre CSS classy - marginy, apdding, colors, spacing... */
diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts
deleted file mode 100644
index 6dbd224..0000000
--- a/dist/types/interfaces.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface IAuthBody {
- accessToken?: string;
- refreshToken?: string;
-}
-export interface IToastTexts {
- title?: string;
- text?: string;
-}
diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js
deleted file mode 100644
index db91911..0000000
--- a/dist/types/interfaces.js
+++ /dev/null
@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map
\ No newline at end of file
diff --git a/dist/types/interfaces.js.map b/dist/types/interfaces.js.map
deleted file mode 100644
index cbc4f95..0000000
--- a/dist/types/interfaces.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/dist/utils/enums.d.ts b/dist/utils/enums.d.ts
deleted file mode 100644
index 49f53de..0000000
--- a/dist/utils/enums.d.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Gutter } from 'antd/lib/grid/row';
-export declare enum KEYBOARD_KEY {
- ENTER = "Enter"
-}
-export declare enum FIELD_MODE {
- INPUT = "INPUT",
- FILTER = "FILTER"
-}
-export declare const DROPDOWN_POSITION: {
- BOTTOM_LEFT: {
- points: string[];
- offset: number[];
- overflow: {
- adjustX: boolean;
- adjustY: boolean;
- };
- };
-};
-export declare enum BYTE_MULTIPLIER {
- KILO = 1000,
- MEGA = 1000000
-}
-export declare const ROW_GUTTER_X_DEFAULT: Gutter;
-export declare const DEFAULT_DATE_INPUT_FORMAT = "DD.MM.YYYY";
-export declare const DEFAULT_DATE_INIT_FORMAT = "YYYY-MM-DD";
-export declare const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
-export declare const DEFAULT_TIME_FORMAT = "HH:mm";
diff --git a/dist/utils/enums.js b/dist/utils/enums.js
deleted file mode 100644
index d2837d5..0000000
--- a/dist/utils/enums.js
+++ /dev/null
@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_TIME_FORMAT = exports.DEFAULT_DATE_FORMAT = exports.DEFAULT_DATE_INIT_FORMAT = exports.DEFAULT_DATE_INPUT_FORMAT = exports.ROW_GUTTER_X_DEFAULT = exports.BYTE_MULTIPLIER = exports.DROPDOWN_POSITION = exports.FIELD_MODE = exports.KEYBOARD_KEY = void 0;
-var KEYBOARD_KEY;
-(function (KEYBOARD_KEY) {
- KEYBOARD_KEY["ENTER"] = "Enter";
-})(KEYBOARD_KEY = exports.KEYBOARD_KEY || (exports.KEYBOARD_KEY = {}));
-var FIELD_MODE;
-(function (FIELD_MODE) {
- FIELD_MODE["INPUT"] = "INPUT";
- FIELD_MODE["FILTER"] = "FILTER";
-})(FIELD_MODE = exports.FIELD_MODE || (exports.FIELD_MODE = {}));
-exports.DROPDOWN_POSITION = {
- BOTTOM_LEFT: {
- points: ['tl', 'bl'],
- offset: [0, 4],
- overflow: {
- adjustX: false,
- adjustY: false
- }
- }
-};
-var BYTE_MULTIPLIER;
-(function (BYTE_MULTIPLIER) {
- BYTE_MULTIPLIER[BYTE_MULTIPLIER["KILO"] = 1000] = "KILO";
- BYTE_MULTIPLIER[BYTE_MULTIPLIER["MEGA"] = 1000000] = "MEGA";
-})(BYTE_MULTIPLIER = exports.BYTE_MULTIPLIER || (exports.BYTE_MULTIPLIER = {}));
-exports.ROW_GUTTER_X_DEFAULT = [4, 0];
-exports.DEFAULT_DATE_INPUT_FORMAT = 'DD.MM.YYYY';
-exports.DEFAULT_DATE_INIT_FORMAT = 'YYYY-MM-DD';
-exports.DEFAULT_DATE_FORMAT = 'DD.MM.YYYY';
-exports.DEFAULT_TIME_FORMAT = 'HH:mm';
-//# sourceMappingURL=enums.js.map
\ No newline at end of file
diff --git a/dist/utils/enums.js.map b/dist/utils/enums.js.map
deleted file mode 100644
index a9472fb..0000000
--- a/dist/utils/enums.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../src/utils/enums.ts"],"names":[],"mappings":";;;AAEA,IAAY,YAEX;AAFD,WAAY,YAAY;IACpB,+BAAe,CAAA;AACnB,CAAC,EAFW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAEvB;AAED,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,6BAAe,CAAA;IACf,+BAAiB,CAAA;AACrB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAEY,QAAA,iBAAiB,GAAG;IAC7B,WAAW,EAAE;QACT,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACd,QAAQ,EAAE;YACN,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;SACjB;KACJ;CACJ,CAAA;AAED,IAAY,eAGX;AAHD,WAAY,eAAe;IACvB,wDAAc,CAAA;IACd,2DAAc,CAAA;AAClB,CAAC,EAHW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAG1B;AAEY,QAAA,oBAAoB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAW,CAAA;AAEvC,QAAA,yBAAyB,GAAG,YAAY,CAAA;AAExC,QAAA,wBAAwB,GAAG,YAAY,CAAA;AAEvC,QAAA,mBAAmB,GAAG,YAAY,CAAA;AAElC,QAAA,mBAAmB,GAAG,OAAO,CAAA"}
\ No newline at end of file
diff --git a/dist/utils/helper.d.ts b/dist/utils/helper.d.ts
deleted file mode 100644
index c076af8..0000000
--- a/dist/utils/helper.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { IToastTexts } from '../types/interfaces';
-export declare const formFieldID: (form?: string, name?: string) => any;
-export declare const fromStringToFloat: (string: string | number | null | undefined) => number | null;
-/**
- * Returns null - e.g. input was cleared
- *
- * Returns NaN - e.g. input value is "asdf"
- */
-export declare const transformNumberFieldValue: (rawValue: number | string | undefined | null, min?: number, max?: number, precision?: number, notNullValue?: boolean) => any;
-export declare const createSlug: (value: string, separator?: string, lower?: boolean) => string;
-export declare const getMaxSizeNotifyMessage: (maxFileSize: any, maxFileText: IToastTexts | undefined) => void;
-declare type ImgUploadData = {
- uid: string;
- path: string;
-} & any;
-export declare type ImgUploadParam = {
- [key: string]: ImgUploadData;
-};
-export declare const getImagesFormValues: (fileList: any, filesData: ImgUploadParam) => any[];
-export declare const generateElementId: (key: string, form?: string) => string;
-export {};
diff --git a/dist/utils/helper.js b/dist/utils/helper.js
deleted file mode 100644
index 9cc3150..0000000
--- a/dist/utils/helper.js
+++ /dev/null
@@ -1,105 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
- return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateElementId = exports.getImagesFormValues = exports.getMaxSizeNotifyMessage = exports.createSlug = exports.transformNumberFieldValue = exports.fromStringToFloat = exports.formFieldID = void 0;
-const lodash_1 = require("lodash");
-const slugify_1 = __importDefault(require("slugify"));
-const enums_1 = require("./enums");
-const antd_1 = require("antd");
-const text_json_1 = __importDefault(require("../utils/text.json"));
-const formFieldID = (form, name) => {
- let id;
- if (form && name) {
- // NOTE: element can't be queried if id contains dots
- const fieldSelector = (0, lodash_1.chain)(name)
- .filter((char) => char !== ']')
- .map((char) => (char === '[' || char === '.' ? '-' : char))
- .value()
- .join('');
- id = `${form}-${fieldSelector}`;
- }
- return id;
-};
-exports.formFieldID = formFieldID;
-const fromStringToFloat = (string) => {
- let result;
- if (string && (0, lodash_1.isString)(string)) {
- result = parseFloat((0, lodash_1.replace)(string, ',', '.').replace(' ', ''));
- }
- else if (string) {
- result = Number(string);
- }
- else {
- result = null;
- }
- return result;
-};
-exports.fromStringToFloat = fromStringToFloat;
-/**
- * Returns null - e.g. input was cleared
- *
- * Returns NaN - e.g. input value is "asdf"
- */
-const transformNumberFieldValue = (rawValue, min, max, precision, notNullValue) => {
- let result = null;
- const value = typeof rawValue === 'string' ? (0, exports.fromStringToFloat)(rawValue) : rawValue;
- if (!value && notNullValue) {
- result = min;
- }
- if ((0, lodash_1.isNumber)(value) && (0, lodash_1.isFinite)(value)) {
- if ((0, lodash_1.isNumber)(min) && value < min) {
- result = min;
- }
- else if ((0, lodash_1.isNumber)(max) && value > max) {
- result = max;
- }
- else if ((0, lodash_1.isNumber)(min) && (0, lodash_1.isNumber)(max) && value >= min && value <= max) {
- result = value;
- }
- }
- else if (Number.isNaN(value)) {
- result = NaN;
- }
- if ((0, lodash_1.isFinite)(result) && (0, lodash_1.isNumber)(precision)) {
- result = (0, lodash_1.round)(result, precision);
- }
- return result;
-};
-exports.transformNumberFieldValue = transformNumberFieldValue;
-const createSlug = (value, separator = '-', lower = true) => {
- if (value) {
- return (0, slugify_1.default)(value, {
- replacement: separator,
- lower
- });
- }
- return '';
-};
-exports.createSlug = createSlug;
-const getMaxSizeNotifyMessage = (maxFileSize, maxFileText) => {
- let notifyMaxSize;
- if (maxFileSize >= enums_1.BYTE_MULTIPLIER.MEGA) {
- notifyMaxSize = [maxFileSize / enums_1.BYTE_MULTIPLIER.MEGA, 'MB'];
- }
- else {
- notifyMaxSize = [maxFileSize / enums_1.BYTE_MULTIPLIER.KILO, 'KB'];
- }
- return antd_1.notification.error({
- message: (maxFileText === null || maxFileText === void 0 ? void 0 : maxFileText.title) || text_json_1.default.error,
- description: `${(maxFileText === null || maxFileText === void 0 ? void 0 : maxFileText.text) || text_json_1.default.errMessageFileMAxUpload} ${notifyMaxSize[0]} ${notifyMaxSize[1]}`
- });
-};
-exports.getMaxSizeNotifyMessage = getMaxSizeNotifyMessage;
-const getImagesFormValues = (fileList, filesData) => {
- const values = (0, lodash_1.map)(fileList, (file) => {
- const fileData = filesData[(0, lodash_1.get)(file, 'uid')];
- return Object.assign(Object.assign({}, file), { id: (0, lodash_1.get)(file, 'id') || (fileData === null || fileData === void 0 ? void 0 : fileData.id), url: (0, lodash_1.get)(file, 'url') || (fileData === null || fileData === void 0 ? void 0 : fileData.path), signedUrl: fileData === null || fileData === void 0 ? void 0 : fileData.signedUrl });
- });
- return values;
-};
-exports.getImagesFormValues = getImagesFormValues;
-const generateElementId = (key, form) => (form ? `#${form}-${key}` : `#${key}`);
-exports.generateElementId = generateElementId;
-//# sourceMappingURL=helper.js.map
\ No newline at end of file
diff --git a/dist/utils/helper.js.map b/dist/utils/helper.js.map
deleted file mode 100644
index 8495ad5..0000000
--- a/dist/utils/helper.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/utils/helper.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/utils/text.json b/dist/utils/text.json
deleted file mode 100644
index bc1e71f..0000000
--- a/dist/utils/text.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "upload": "Upload",
- "error": "Error",
- "errMessageFileMAxUpload": "File too large max."
-}