@progress/kendo-themes-html 5.8.2-dev.2 → 5.8.2-dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -120,8 +120,14 @@
|
|
|
120
120
|
var root = import_client.default.createRoot(
|
|
121
121
|
document.getElementById("app")
|
|
122
122
|
);
|
|
123
|
+
var styles = `
|
|
124
|
+
.k-ripple-container .k-checkbox:focus::after,
|
|
125
|
+
.k-ripple-container .k-checkbox.k-focus::after {
|
|
126
|
+
transform: translate(-50%, -50%) scale(1);
|
|
127
|
+
}
|
|
128
|
+
`;
|
|
123
129
|
root.render(
|
|
124
|
-
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
130
|
+
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
125
131
|
id: "test-area",
|
|
126
132
|
className: "k-d-grid k-grid-cols-4"
|
|
127
133
|
}, /* @__PURE__ */ import_react.default.createElement("span", null, "Checkbox"), /* @__PURE__ */ import_react.default.createElement("span", null, "In label"), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/checkbox/tests/checkbox.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Checkbox } from '../../checkbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span>Checkbox</span>\n <span>In label</span>\n <span dir=\"rtl\">Checkbox RTL</span>\n <span dir=\"rtl\">In label RTL</span>\n\n <div>\n <Checkbox id=\"ch1\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch1\">Checked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch1-rtl\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch1-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Checked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch2\" disabled checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch2\">Checked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox disabled checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch2-rtl\" disabled checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch2-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox disabled checked />\n Checked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch3\" />\n <label className=\"k-checkbox-label\" htmlFor=\"ch3\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch3-rtl\" />\n <label className=\"k-checkbox-label\" htmlFor=\"ch3-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox />\n Unchecked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch4\" disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"ch4\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox disabled />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch4-rtl\" disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"ch4-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox disabled />\n Unchecked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chInd\" indeterminate />\n <label className=\"k-checkbox-label\" htmlFor=\"chInd\">Indeterminate</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate />\n Indeterminate\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chInd-rtl\" indeterminate />\n <label className=\"k-checkbox-label\" htmlFor=\"chInd-rtl\">Indeterminate</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate />\n Indeterminate\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chIndDis\" indeterminate disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"chIndDis\">Indeterminate</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate disabled />\n Indeterminate\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chIndDis-rtl\" indeterminate disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"chIndDis-rtl\">Indeterminate</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate disabled />\n Indeterminate\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chError\" invalid required/>\n <label className=\"k-checkbox-label\" htmlFor=\"chError\">Invalid</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox invalid required/>\n Invalid\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chError-rtl\" invalid required/>\n <label className=\"k-checkbox-label\" htmlFor=\"chError-rtl\">Invalid</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox invalid required/>\n Invalid\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chFocus\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chFocus\">Focus</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Focus\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chFocus-rtl\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chFocus-rtl\">Focus</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Focus\n </label>\n </div>\n\n <div className=\"k-ripple-container\">\n <Checkbox id=\"chRipple\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chRipple\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Ripple\n </label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <Checkbox id=\"chRipple-rtl\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chRipple-rtl\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Ripple\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chLong\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"chLong\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chLong-rtl\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"chLong-rtl\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Checkbox } from '../../checkbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-ripple-container .k-checkbox:focus::after,\n .k-ripple-container .k-checkbox.k-focus::after {\n transform: translate(-50%, -50%) scale(1);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span>Checkbox</span>\n <span>In label</span>\n <span dir=\"rtl\">Checkbox RTL</span>\n <span dir=\"rtl\">In label RTL</span>\n\n <div>\n <Checkbox id=\"ch1\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch1\">Checked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch1-rtl\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch1-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Checked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch2\" disabled checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch2\">Checked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox disabled checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch2-rtl\" disabled checked />\n <label className=\"k-checkbox-label\" htmlFor=\"ch2-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox disabled checked />\n Checked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch3\" />\n <label className=\"k-checkbox-label\" htmlFor=\"ch3\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch3-rtl\" />\n <label className=\"k-checkbox-label\" htmlFor=\"ch3-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox />\n Unchecked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"ch4\" disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"ch4\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox disabled />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"ch4-rtl\" disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"ch4-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox disabled />\n Unchecked\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chInd\" indeterminate />\n <label className=\"k-checkbox-label\" htmlFor=\"chInd\">Indeterminate</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate />\n Indeterminate\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chInd-rtl\" indeterminate />\n <label className=\"k-checkbox-label\" htmlFor=\"chInd-rtl\">Indeterminate</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate />\n Indeterminate\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chIndDis\" indeterminate disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"chIndDis\">Indeterminate</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate disabled />\n Indeterminate\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chIndDis-rtl\" indeterminate disabled />\n <label className=\"k-checkbox-label\" htmlFor=\"chIndDis-rtl\">Indeterminate</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox indeterminate disabled />\n Indeterminate\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chError\" invalid required/>\n <label className=\"k-checkbox-label\" htmlFor=\"chError\">Invalid</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox invalid required/>\n Invalid\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chError-rtl\" invalid required/>\n <label className=\"k-checkbox-label\" htmlFor=\"chError-rtl\">Invalid</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox invalid required/>\n Invalid\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chFocus\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chFocus\">Focus</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Focus\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chFocus-rtl\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chFocus-rtl\">Focus</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Focus\n </label>\n </div>\n\n <div className=\"k-ripple-container\">\n <Checkbox id=\"chRipple\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chRipple\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Ripple\n </label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <Checkbox id=\"chRipple-rtl\" focus/>\n <label className=\"k-checkbox-label\" htmlFor=\"chRipple-rtl\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox focus/>\n Ripple\n </label>\n </div>\n\n <div>\n <Checkbox id=\"chLong\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"chLong\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div>\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n <div dir=\"rtl\">\n <Checkbox id=\"chLong-rtl\" checked />\n <label className=\"k-checkbox-label\" htmlFor=\"chLong-rtl\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-checkbox-label\">\n <Checkbox checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -115,8 +115,14 @@
|
|
|
115
115
|
var root = import_client.default.createRoot(
|
|
116
116
|
document.getElementById("app")
|
|
117
117
|
);
|
|
118
|
+
var styles = `
|
|
119
|
+
.k-ripple-container .k-radio:focus::after,
|
|
120
|
+
.k-ripple-container .k-radio.k-focus::after {
|
|
121
|
+
transform: translate(-50%, -50%) scale(1);
|
|
122
|
+
}
|
|
123
|
+
`;
|
|
118
124
|
root.render(
|
|
119
|
-
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
125
|
+
/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
120
126
|
id: "test-area",
|
|
121
127
|
className: "k-d-grid k-grid-cols-4"
|
|
122
128
|
}, /* @__PURE__ */ import_react.default.createElement("span", null, "Radio button"), /* @__PURE__ */ import_react.default.createElement("span", null, "In label"), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/radio/tests/radio.tsx", "../../../src/radio/radio.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { RadioButton } from '../../radio';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n <span>Radio button</span>\n <span>In label</span>\n <span dir=\"rtl\">Radio button RTL</span>\n <span dir=\"rtl\">In label RTL</span>\n\n <div>\n <RadioButton id=\"rad1\" checked />\n <label className=\"k-radio-label\" htmlFor=\"rad1\">Checked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad1-rtl\" checked />\n <label className=\"k-radio-label\" htmlFor=\"rad1-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Checked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad2\" disabled checked />\n <label className=\"k-radio-label\" htmlFor=\"rad2\">Checked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton disabled checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad2-rtl\" disabled checked />\n <label className=\"k-radio-label\" htmlFor=\"rad2-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton disabled checked />\n Checked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad3\" />\n <label className=\"k-radio-label\" htmlFor=\"rad3\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad3-rtl\" />\n <label className=\"k-radio-label\" htmlFor=\"rad3-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton />\n Unchecked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad4\" disabled />\n <label className=\"k-radio-label\" htmlFor=\"rad4\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton disabled />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad4-rtl\" disabled />\n <label className=\"k-radio-label\" htmlFor=\"rad4-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton disabled />\n Unchecked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radError\" invalid required />\n <label className=\"k-radio-label\" htmlFor=\"radError\">Invalid</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton invalid required />\n Invalid\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radError-rtl\" invalid required />\n <label className=\"k-radio-label\" htmlFor=\"radError-rtl\">Invalid</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton invalid required />\n Invalid\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radFocus\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radFocus\">Focus</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Focus\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radFocus-rtl\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radFocus-rtl\">Focus</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Focus\n </label>\n </div>\n\n <div className=\"k-ripple-container\">\n <RadioButton id=\"radRipple\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radRipple\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Ripple\n </label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <RadioButton id=\"radRipple-rtl\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radRipple-rtl\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Ripple\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radLong\" checked />\n <label className=\"k-radio-label\" htmlFor=\"radLong\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radLong-rtl\" checked />\n <label className=\"k-radio-label\" htmlFor=\"radLong-rtl\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface RadioButtonProps {\n id?: string;\n className?: string;\n checked?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class RadioButton extends React.Component<RadioButtonProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n id,\n checked,\n size,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-radio-wrap\">\n <input\n type=\"radio\"\n id={id}\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-radio',\n {\n [`k-radio-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid\n }\n )}\n />\n </span>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { RadioButton } from '../../radio';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-ripple-container .k-radio:focus::after,\n .k-ripple-container .k-radio.k-focus::after {\n transform: translate(-50%, -50%) scale(1);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n <span>Radio button</span>\n <span>In label</span>\n <span dir=\"rtl\">Radio button RTL</span>\n <span dir=\"rtl\">In label RTL</span>\n\n <div>\n <RadioButton id=\"rad1\" checked />\n <label className=\"k-radio-label\" htmlFor=\"rad1\">Checked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad1-rtl\" checked />\n <label className=\"k-radio-label\" htmlFor=\"rad1-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Checked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad2\" disabled checked />\n <label className=\"k-radio-label\" htmlFor=\"rad2\">Checked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton disabled checked />\n Checked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad2-rtl\" disabled checked />\n <label className=\"k-radio-label\" htmlFor=\"rad2-rtl\">Checked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton disabled checked />\n Checked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad3\" />\n <label className=\"k-radio-label\" htmlFor=\"rad3\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad3-rtl\" />\n <label className=\"k-radio-label\" htmlFor=\"rad3-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton />\n Unchecked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"rad4\" disabled />\n <label className=\"k-radio-label\" htmlFor=\"rad4\">Unchecked</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton disabled />\n Unchecked\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"rad4-rtl\" disabled />\n <label className=\"k-radio-label\" htmlFor=\"rad4-rtl\">Unchecked</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton disabled />\n Unchecked\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radError\" invalid required />\n <label className=\"k-radio-label\" htmlFor=\"radError\">Invalid</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton invalid required />\n Invalid\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radError-rtl\" invalid required />\n <label className=\"k-radio-label\" htmlFor=\"radError-rtl\">Invalid</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton invalid required />\n Invalid\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radFocus\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radFocus\">Focus</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Focus\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radFocus-rtl\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radFocus-rtl\">Focus</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Focus\n </label>\n </div>\n\n <div className=\"k-ripple-container\">\n <RadioButton id=\"radRipple\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radRipple\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Ripple\n </label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <RadioButton id=\"radRipple-rtl\" focus />\n <label className=\"k-radio-label\" htmlFor=\"radRipple-rtl\">Ripple</label>\n </div>\n <div className=\"k-ripple-container\" dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton focus />\n Ripple\n </label>\n </div>\n\n <div>\n <RadioButton id=\"radLong\" checked />\n <label className=\"k-radio-label\" htmlFor=\"radLong\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div>\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n <div dir=\"rtl\">\n <RadioButton id=\"radLong-rtl\" checked />\n <label className=\"k-radio-label\" htmlFor=\"radLong-rtl\">Long label Vivamus a arcu lacus. Integer augue leo.</label>\n </div>\n <div dir=\"rtl\">\n <label className=\"k-radio-label\">\n <RadioButton checked />\n Long label Vivamus a arcu lacus. Integer augue leo.\n </label>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface RadioButtonProps {\n id?: string;\n className?: string;\n checked?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class RadioButton extends React.Component<RadioButtonProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n id,\n checked,\n size,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-radio-wrap\">\n <input\n type=\"radio\"\n id={id}\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-radio',\n {\n [`k-radio-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid\n }\n )}\n />\n </span>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["ReactDOM", "React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "5.8.2-dev.
|
|
4
|
+
"version": "5.8.2-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"glob": "^8.0.3",
|
|
47
47
|
"typescript": "^4.7.2"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "03c192e0d4c7227c7d8f41b7fefee897888e6218"
|
|
50
50
|
}
|
|
@@ -6,8 +6,16 @@ const root = ReactDOM.createRoot(
|
|
|
6
6
|
document.getElementById('app') as HTMLElement
|
|
7
7
|
);
|
|
8
8
|
|
|
9
|
+
const styles = `
|
|
10
|
+
.k-ripple-container .k-checkbox:focus::after,
|
|
11
|
+
.k-ripple-container .k-checkbox.k-focus::after {
|
|
12
|
+
transform: translate(-50%, -50%) scale(1);
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
|
|
9
16
|
root.render(
|
|
10
17
|
<>
|
|
18
|
+
<style>{styles}</style>
|
|
11
19
|
<div id="test-area" className="k-d-grid k-grid-cols-4">
|
|
12
20
|
|
|
13
21
|
<span>Checkbox</span>
|
|
@@ -6,8 +6,16 @@ const root = ReactDOM.createRoot(
|
|
|
6
6
|
document.getElementById('app') as HTMLElement
|
|
7
7
|
);
|
|
8
8
|
|
|
9
|
+
const styles = `
|
|
10
|
+
.k-ripple-container .k-radio:focus::after,
|
|
11
|
+
.k-ripple-container .k-radio.k-focus::after {
|
|
12
|
+
transform: translate(-50%, -50%) scale(1);
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
|
|
9
16
|
root.render(
|
|
10
17
|
<>
|
|
18
|
+
<style>{styles}</style>
|
|
11
19
|
<div id="test-area" className="k-d-grid k-grid-cols-4">
|
|
12
20
|
<span>Radio button</span>
|
|
13
21
|
<span>In label</span>
|