@proprioo/salatim 23.6.1 → 23.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/lib/index.js +130 -112
- package/lib/index.js.map +1 -1
- package/lib/ui/index.d.ts +1 -1
- package/lib/ui/index.js +3 -2
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.d.ts +7 -2
- package/lib/ui/src/checkbox/Checkbox.js +10 -6
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +5 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.d.ts +6 -1
- package/lib/ui/src/checkbox/Checkbox.styles.js +36 -7
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/package.json +1 -1
package/lib/ui/index.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export { default as BlockCheckIcon } from './src/blockCheckIcon/BlockCheckIcon';
|
|
|
17
17
|
export { default as BlockIcon } from './src/blockIcon/BlockIcon';
|
|
18
18
|
export { default as Card, CardProps, CardHeaderIconSize } from './src/card/Card';
|
|
19
19
|
export { ButtonAppearance, ButtonTheme, ButtonSizes, IconPosition } from './src/button/Button.interfaces';
|
|
20
|
-
export { default as Checkbox } from './src/checkbox/Checkbox';
|
|
20
|
+
export { default as Checkbox, CheckboxSize } from './src/checkbox/Checkbox';
|
|
21
21
|
export { default as DateInput, isValidDate } from './src/dateInput/DateInput';
|
|
22
22
|
export { default as EmailInput } from './src/emailInput/EmailInput';
|
|
23
23
|
export { EmailInputProps, EmailInputI18nLabelProps } from './src/emailInput/EmailInput.interfaces';
|
package/lib/ui/index.js
CHANGED
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.Select = exports.Tooltip = exports.TextToggle = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = exports.TagAppearance = exports.Subtitle = void 0;
|
|
6
|
+
exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.CheckboxSize = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonTheme = exports.ButtonAppearance = exports.CardHeaderIconSize = exports.Card = exports.BlockIcon = exports.BlockCheckIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
|
|
7
|
+
exports.Select = exports.Tooltip = exports.TextToggle = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = exports.TagAppearance = exports.Subtitle = exports.Option = void 0;
|
|
8
8
|
var react_places_autocomplete_1 = require("react-places-autocomplete");
|
|
9
9
|
Object.defineProperty(exports, "PlacesAutocomplete", { enumerable: true, get: function () { return __importDefault(react_places_autocomplete_1).default; } });
|
|
10
10
|
Object.defineProperty(exports, "geocodeByAddress", { enumerable: true, get: function () { return react_places_autocomplete_1.geocodeByAddress; } });
|
|
@@ -46,6 +46,7 @@ Object.defineProperty(exports, "ButtonSizes", { enumerable: true, get: function
|
|
|
46
46
|
Object.defineProperty(exports, "IconPosition", { enumerable: true, get: function () { return Button_interfaces_1.IconPosition; } });
|
|
47
47
|
var Checkbox_1 = require("./src/checkbox/Checkbox");
|
|
48
48
|
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
|
|
49
|
+
Object.defineProperty(exports, "CheckboxSize", { enumerable: true, get: function () { return Checkbox_1.CheckboxSize; } });
|
|
49
50
|
var DateInput_1 = require("./src/dateInput/DateInput");
|
|
50
51
|
Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
|
|
51
52
|
Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return DateInput_1.isValidDate; } });
|
package/lib/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAIyB;AAHvB,6GAAA,OAAO,OAAQ;AAEf,0GAAA,kBAAkB,OAAA;AAEpB,oEAKwC;AAJtC,qHAAA,gBAAgB,OAAA;AAChB,gHAAA,WAAW,OAAA;AACX,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
export declare enum CheckboxSize {
|
|
3
|
+
BIG = "big",
|
|
4
|
+
SMALL = "small"
|
|
5
|
+
}
|
|
2
6
|
export interface CheckboxProps {
|
|
3
|
-
label: string;
|
|
4
|
-
id: string;
|
|
5
7
|
checked: boolean;
|
|
6
8
|
disabled: boolean;
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
7
11
|
name: string;
|
|
8
12
|
dataTest?: string;
|
|
9
13
|
indeterminate?: boolean;
|
|
14
|
+
checkboxSize?: CheckboxSize;
|
|
10
15
|
onChange(checked: boolean): void;
|
|
11
16
|
}
|
|
12
17
|
declare const Checkbox: FC<CheckboxProps>;
|
|
@@ -3,16 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CheckboxSize = void 0;
|
|
6
7
|
const react_1 = __importDefault(require("react"));
|
|
7
8
|
const hokkaido_1 = require("@proprioo/hokkaido");
|
|
8
9
|
const Checkbox_styles_1 = require("./Checkbox.styles");
|
|
9
|
-
|
|
10
|
+
var CheckboxSize;
|
|
11
|
+
(function (CheckboxSize) {
|
|
12
|
+
CheckboxSize["BIG"] = "big";
|
|
13
|
+
CheckboxSize["SMALL"] = "small";
|
|
14
|
+
})(CheckboxSize = exports.CheckboxSize || (exports.CheckboxSize = {}));
|
|
15
|
+
const Checkbox = ({ checkboxSize = CheckboxSize.SMALL, checked, children, dataTest, disabled, id, indeterminate = false, label, name, onChange }) => {
|
|
10
16
|
const hash = `${id}-${name}`;
|
|
11
|
-
return (react_1.default.createElement(Checkbox_styles_1.Layout, { "data-test": dataTest || `checkbox-${name}` },
|
|
12
|
-
react_1.default.createElement(Checkbox_styles_1.CheckboxLayout, Object.assign({ "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input',
|
|
13
|
-
react_1.default.createElement(Checkbox_styles_1.CheckboxLabelLayout, { "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash }, children || (react_1.default.createElement(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: {
|
|
14
|
-
__html: label
|
|
15
|
-
} })))));
|
|
17
|
+
return (react_1.default.createElement(Checkbox_styles_1.Layout, Object.assign({}, { checkboxSize }, { "data-test": dataTest || `checkbox-${name}` }),
|
|
18
|
+
react_1.default.createElement(Checkbox_styles_1.CheckboxLayout, Object.assign({}, { checkboxSize, checked, disabled, indeterminate, name }, (Boolean(children) && { 'aria-label': label }), { "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input', id: hash, type: "checkbox", onChange: ({ target }) => onChange(target.checked) })),
|
|
19
|
+
react_1.default.createElement(Checkbox_styles_1.CheckboxLabelLayout, Object.assign({}, { checkboxSize }, { "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash }), children || (react_1.default.createElement(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: { __html: label } })))));
|
|
16
20
|
};
|
|
17
21
|
exports.default = Checkbox;
|
|
18
22
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,iDAAgD;AAEhD,uDAK2B;AAE3B,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,2BAAW,CAAA;IACX,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAcD,MAAM,QAAQ,GAAsB,CAAC,EACnC,YAAY,GAAG,YAAY,CAAC,KAAK,EACjC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,8BAAC,wBAAM,oBAAK,EAAE,YAAY,EAAE,iBAAa,QAAQ,IAAI,YAAY,IAAI,EAAE;QACrE,8BAAC,gCAAc,oBACT,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,EACxD,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,iBACvC,QAAQ,CAAC,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC/D,EAAE,EAAE,IAAI,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAClD;QACF,8BAAC,qCAAmB,oBACd,EAAE,YAAY,EAAE,iBACT,QAAQ,CAAC,CAAC,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EACrE,QAAQ,EAAE,IAAA,qBAAU,EAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,IAAI,KAEZ,QAAQ,IAAI,CACX,8BAAC,6BAAW,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAC5D,CACmB,CACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -29,7 +29,7 @@ const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
|
29
29
|
const react_2 = require("@storybook/react");
|
|
30
30
|
const utils_1 = require("../../../utils");
|
|
31
31
|
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
32
|
-
const Checkbox_1 =
|
|
32
|
+
const Checkbox_1 = __importStar(require("./Checkbox"));
|
|
33
33
|
const checkboxState = new storybook_state_1.Store({
|
|
34
34
|
checked: false
|
|
35
35
|
});
|
|
@@ -104,5 +104,9 @@ const defaultProps = {
|
|
|
104
104
|
react_1.default.createElement(Checkbox_1.default, Object.assign({}, defaultProps, { id: "checkbox-2", label: "checkbox 2", checked: state.checked2, disabled: disabled, onChange: checked => {
|
|
105
105
|
indeterminateState.set(Object.assign(Object.assign({}, state), { checked2: checked }));
|
|
106
106
|
} })))))));
|
|
107
|
+
})
|
|
108
|
+
.add('Big checkbox', () => {
|
|
109
|
+
const disabled = (0, addon_knobs_1.boolean)('Disabled', false);
|
|
110
|
+
return (react_1.default.createElement(storybook_state_1.State, { store: checkboxState }, state => (react_1.default.createElement(Checkbox_1.default, Object.assign({}, Object.assign(Object.assign({}, defaultProps), { disabled }), { checkboxSize: Checkbox_1.CheckboxSize.BIG, checked: state.checked, dataTest: "testCheckbox", onChange: checked => checkboxState.set({ checked }) })))));
|
|
107
111
|
});
|
|
108
112
|
//# sourceMappingURL=Checkbox.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,wDAAiD;AACjD,4CAA6C;AAE7C,0CAAwC;AACxC,qDAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import { CheckboxSize } from './Checkbox';
|
|
2
|
+
export declare const Layout: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
checkboxSize: CheckboxSize;
|
|
4
|
+
}, never>;
|
|
2
5
|
export declare const CheckboxLabelLayout: import("styled-components").StyledComponent<"label", any, {
|
|
3
6
|
hasLabel: boolean;
|
|
7
|
+
checkboxSize: CheckboxSize;
|
|
4
8
|
}, never>;
|
|
5
9
|
export declare const StringLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
10
|
export declare const CheckboxLayout: import("styled-components").StyledComponent<"input", any, {
|
|
7
11
|
indeterminate: boolean;
|
|
12
|
+
checkboxSize: CheckboxSize;
|
|
8
13
|
}, never>;
|
|
@@ -29,11 +29,10 @@ const indeterminate_disabled_svg_1 = __importDefault(require("../../../assets/ic
|
|
|
29
29
|
const tick_svg_1 = __importDefault(require("../../../assets/icons/tick.svg"));
|
|
30
30
|
const tick_disabled_svg_1 = __importDefault(require("../../../assets/icons/tick_disabled.svg"));
|
|
31
31
|
const utils_1 = require("../../../utils");
|
|
32
|
+
const Checkbox_1 = require("./Checkbox");
|
|
32
33
|
exports.Layout = styled_components_1.default.div `
|
|
33
34
|
display: flex;
|
|
34
35
|
align-items: center;
|
|
35
|
-
min-width: ${(0, utils_1.convertPxToRem)(24)};
|
|
36
|
-
min-height: ${(0, utils_1.convertPxToRem)(24)};
|
|
37
36
|
position: relative;
|
|
38
37
|
text-align: left;
|
|
39
38
|
z-index: 0;
|
|
@@ -41,11 +40,25 @@ exports.Layout = styled_components_1.default.div `
|
|
|
41
40
|
& + & {
|
|
42
41
|
margin-top: ${(0, utils_1.convertPxToRem)(16)};
|
|
43
42
|
}
|
|
43
|
+
|
|
44
|
+
${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
|
|
45
|
+
? (0, styled_components_1.css) `
|
|
46
|
+
min-width: ${(0, utils_1.convertPxToRem)(32)};
|
|
47
|
+
min-height: ${(0, utils_1.convertPxToRem)(32)};
|
|
48
|
+
`
|
|
49
|
+
: (0, styled_components_1.css) `
|
|
50
|
+
min-width: ${(0, utils_1.convertPxToRem)(24)};
|
|
51
|
+
min-height: ${(0, utils_1.convertPxToRem)(24)};
|
|
52
|
+
`}
|
|
44
53
|
`;
|
|
45
54
|
exports.CheckboxLabelLayout = styled_components_1.default.label `
|
|
46
55
|
clear: both;
|
|
47
56
|
cursor: pointer;
|
|
48
|
-
padding-left: ${({ hasLabel }) =>
|
|
57
|
+
padding-left: ${({ hasLabel, checkboxSize }) => hasLabel && checkboxSize === Checkbox_1.CheckboxSize.BIG
|
|
58
|
+
? (0, utils_1.convertPxToRem)(40)
|
|
59
|
+
: hasLabel
|
|
60
|
+
? (0, utils_1.convertPxToRem)(32)
|
|
61
|
+
: (0, utils_1.convertPxToRem)(24)};
|
|
49
62
|
`;
|
|
50
63
|
exports.StringLabel = styled_components_1.default.span `
|
|
51
64
|
${utils_1.paragraphs.label};
|
|
@@ -75,13 +88,21 @@ exports.CheckboxLayout = styled_components_1.default.input `
|
|
|
75
88
|
z-index: 1;
|
|
76
89
|
left: 0;
|
|
77
90
|
top: 0;
|
|
78
|
-
width: ${(0, utils_1.convertPxToRem)(24)};
|
|
79
|
-
height: ${(0, utils_1.convertPxToRem)(24)};
|
|
80
91
|
border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.grey.base60};
|
|
81
92
|
border-radius: ${utils_1.radius.small};
|
|
82
93
|
cursor: pointer;
|
|
83
94
|
transition: background-color 0.1s, border-color 0.1s;
|
|
84
95
|
transition: all 250ms ease;
|
|
96
|
+
|
|
97
|
+
${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
|
|
98
|
+
? (0, styled_components_1.css) `
|
|
99
|
+
width: ${(0, utils_1.convertPxToRem)(32)};
|
|
100
|
+
height: ${(0, utils_1.convertPxToRem)(32)};
|
|
101
|
+
`
|
|
102
|
+
: (0, styled_components_1.css) `
|
|
103
|
+
width: ${(0, utils_1.convertPxToRem)(24)};
|
|
104
|
+
height: ${(0, utils_1.convertPxToRem)(24)};
|
|
105
|
+
`}
|
|
85
106
|
}
|
|
86
107
|
|
|
87
108
|
::after {
|
|
@@ -90,8 +111,6 @@ exports.CheckboxLayout = styled_components_1.default.input `
|
|
|
90
111
|
z-index: 0;
|
|
91
112
|
left: 0;
|
|
92
113
|
top: 0;
|
|
93
|
-
width: ${(0, utils_1.convertPxToRem)(24)};
|
|
94
|
-
height: ${(0, utils_1.convertPxToRem)(24)};
|
|
95
114
|
border-radius: ${utils_1.radius.small};
|
|
96
115
|
border-color: ${utils_1.colors.orange.base};
|
|
97
116
|
background-color: ${utils_1.colors.orange.base20};
|
|
@@ -100,6 +119,16 @@ exports.CheckboxLayout = styled_components_1.default.input `
|
|
|
100
119
|
background-image: url('${tick_svg_1.default}');
|
|
101
120
|
background-size: ${(0, utils_1.convertPxToRem)(32)} auto;
|
|
102
121
|
opacity: 0;
|
|
122
|
+
|
|
123
|
+
${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
|
|
124
|
+
? (0, styled_components_1.css) `
|
|
125
|
+
width: ${(0, utils_1.convertPxToRem)(32)};
|
|
126
|
+
height: ${(0, utils_1.convertPxToRem)(32)};
|
|
127
|
+
`
|
|
128
|
+
: (0, styled_components_1.css) `
|
|
129
|
+
width: ${(0, utils_1.convertPxToRem)(24)};
|
|
130
|
+
height: ${(0, utils_1.convertPxToRem)(24)};
|
|
131
|
+
`}
|
|
103
132
|
}
|
|
104
133
|
}
|
|
105
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,gGAAoE;AACpE,kHAAqF;AACrF,8EAAmD;AACnD,gGAAoE;AACpE,0CAA4E;
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"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"}
|