@bolttech/atoms-checkbox 0.22.1 → 0.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.cjs.js +27 -21
  2. package/package.json +3 -3
  3. package/src/lib/atoms-checkbox.styles.d.ts +60 -60
package/index.cjs.js CHANGED
@@ -1109,15 +1109,15 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
1109
1109
  const CheckboxContainer = /*#__PURE__*/styled__default.default.section.withConfig({
1110
1110
  displayName: "atoms-checkboxstyles__CheckboxContainer",
1111
1111
  componentId: "sc-1gq944z-0"
1112
- })(["display:flex;flex-direction:row;gap:", ";"], ({
1113
- theme
1114
- }) => theme.components.checkbox.gap);
1112
+ })(["display:flex;flex-direction:row;"]);
1115
1113
  const InputContainer = /*#__PURE__*/styled__default.default.div.withConfig({
1116
1114
  displayName: "atoms-checkboxstyles__InputContainer",
1117
1115
  componentId: "sc-1gq944z-1"
1118
- })(["display:flex;justify-items:center;height:", ";align-items:center;"], ({
1116
+ })(["display:flex;justify-items:center;height:", ";align-items:center;gap:", ";&:has(:focus-visible){outline:2px solid #000;outline-offset:2px;}"], ({
1119
1117
  theme
1120
- }) => theme.components.checkbox.fieldLabel.lineHeight);
1118
+ }) => theme.components.checkbox.fieldLabel.lineHeight, ({
1119
+ theme
1120
+ }) => theme.components.checkbox.gap);
1121
1121
  const Input = /*#__PURE__*/styled__default.default.input.attrs({
1122
1122
  type: 'checkbox'
1123
1123
  }).withConfig({
@@ -1199,12 +1199,13 @@ const Checkbox = /*#__PURE__*/react.forwardRef((_a, ref) => {
1199
1199
  onFocus
1200
1200
  } = _a,
1201
1201
  props = __rest(_a, ["id", "label", "disabled", "errorMessage", "checked", "onChange", "onBlur", "onFocus"]);
1202
+ const errorId = `${id}-error-label`;
1202
1203
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
1203
- children: [jsxRuntime.jsxs(CheckboxContainer, Object.assign({
1204
+ children: [jsxRuntime.jsx(CheckboxContainer, Object.assign({
1204
1205
  ref: ref
1205
1206
  }, uiUtils.applyDataAttributes(props), {
1206
- children: [jsxRuntime.jsx(InputContainer, {
1207
- children: jsxRuntime.jsx(Input, Object.assign({
1207
+ children: jsxRuntime.jsxs(InputContainer, {
1208
+ children: [jsxRuntime.jsx(Input, Object.assign({
1208
1209
  id: id,
1209
1210
  disabled: disabled,
1210
1211
  "$error": errorMessage,
@@ -1213,21 +1214,26 @@ const Checkbox = /*#__PURE__*/react.forwardRef((_a, ref) => {
1213
1214
  "data-testid": `${id}-test`,
1214
1215
  onChange: onChange,
1215
1216
  onBlur: onBlur,
1216
- onFocus: onFocus
1217
- }, uiUtils.applyDataAttributes(props, 'input')))
1218
- }), jsxRuntime.jsx(Label, Object.assign({
1219
- "$disabled": disabled
1220
- }, uiUtils.applyDataAttributes(props, 'label'), {
1221
- children: jsxRuntime.jsx(frontendFoundations.Typography, {
1222
- variant: "primary",
1223
- type: "label",
1224
- htmlFor: id,
1225
- children: label
1226
- })
1227
- }))]
1217
+ onFocus: onFocus,
1218
+ "aria-invalid": !!errorMessage
1219
+ }, errorMessage ? {
1220
+ 'aria-describedby': errorId
1221
+ } : {}, uiUtils.applyDataAttributes(props, 'input'))), jsxRuntime.jsx(Label, Object.assign({
1222
+ "$disabled": disabled
1223
+ }, uiUtils.applyDataAttributes(props, 'label'), {
1224
+ children: jsxRuntime.jsx(frontendFoundations.Typography, {
1225
+ variant: "primary",
1226
+ type: "label",
1227
+ htmlFor: id,
1228
+ children: label
1229
+ })
1230
+ }))]
1231
+ })
1228
1232
  })), errorMessage && jsxRuntime.jsx("section", {
1229
1233
  children: jsxRuntime.jsx(LabelError, Object.assign({
1230
- "data-testid": `${id}-error-label`
1234
+ id: errorId,
1235
+ "data-testid": `${id}-error-label`,
1236
+ role: "alert"
1231
1237
  }, uiUtils.applyDataAttributes(props, 'error-label'), {
1232
1238
  children: errorMessage
1233
1239
  }))
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@bolttech/atoms-checkbox",
3
- "version": "0.22.1",
3
+ "version": "0.23.1",
4
4
  "dependencies": {
5
5
  "styled-components": "6.1.1",
6
- "@bolttech/frontend-foundations": "0.11.0",
6
+ "@bolttech/frontend-foundations": "0.12.1",
7
7
  "react": "19.1.2",
8
- "@bolttech/ui-utils": "0.6.0"
8
+ "@bolttech/ui-utils": "0.6.4"
9
9
  },
10
10
  "main": "./index.cjs.js",
11
11
  "type": "commonjs",
package/src/lib/atoms-checkbox.styles.d.ts CHANGED
@@ -9,17 +9,17 @@ declare const CheckboxContainer: import("styled-components").IStyledComponent<"w
9
9
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
10
10
  autoFocus?: boolean | undefined | undefined;
11
11
  className?: string | undefined | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
12
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
13
13
  contextMenu?: string | undefined | undefined;
14
14
  dir?: string | undefined | undefined;
15
- draggable?: (boolean | "true" | "false") | undefined;
15
+ draggable?: (boolean | "false" | "true") | undefined;
16
16
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
17
17
  hidden?: boolean | undefined | undefined;
18
18
  id?: string | undefined | undefined;
19
19
  lang?: string | undefined | undefined;
20
20
  nonce?: string | undefined | undefined;
21
21
  slot?: string | undefined | undefined;
22
- spellCheck?: (boolean | "true" | "false") | undefined;
22
+ spellCheck?: (boolean | "false" | "true") | undefined;
23
23
  style?: import("react").CSSProperties | undefined;
24
24
  tabIndex?: number | undefined | undefined;
25
25
  title?: string | undefined | undefined;
@@ -57,11 +57,11 @@ declare const CheckboxContainer: import("styled-components").IStyledComponent<"w
57
57
  exportparts?: string | undefined | undefined;
58
58
  part?: string | undefined | undefined;
59
59
  "aria-activedescendant"?: string | undefined | undefined;
60
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
60
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
61
61
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
62
62
  "aria-braillelabel"?: string | undefined | undefined;
63
63
  "aria-brailleroledescription"?: string | undefined | undefined;
64
- "aria-busy"?: (boolean | "true" | "false") | undefined;
64
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
65
65
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
66
66
  "aria-colcount"?: number | undefined | undefined;
67
67
  "aria-colindex"?: number | undefined | undefined;
@@ -72,37 +72,37 @@ declare const CheckboxContainer: import("styled-components").IStyledComponent<"w
72
72
  "aria-describedby"?: string | undefined | undefined;
73
73
  "aria-description"?: string | undefined | undefined;
74
74
  "aria-details"?: string | undefined | undefined;
75
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
75
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
76
76
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
77
77
  "aria-errormessage"?: string | undefined | undefined;
78
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
78
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
79
79
  "aria-flowto"?: string | undefined | undefined;
80
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
80
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
81
81
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
82
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
82
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
83
83
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
84
84
  "aria-keyshortcuts"?: string | undefined | undefined;
85
85
  "aria-label"?: string | undefined | undefined;
86
86
  "aria-labelledby"?: string | undefined | undefined;
87
87
  "aria-level"?: number | undefined | undefined;
88
88
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
89
- "aria-modal"?: (boolean | "true" | "false") | undefined;
90
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
91
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
89
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
90
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
91
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
92
92
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
93
93
  "aria-owns"?: string | undefined | undefined;
94
94
  "aria-placeholder"?: string | undefined | undefined;
95
95
  "aria-posinset"?: number | undefined | undefined;
96
96
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
97
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
97
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
98
98
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
99
- "aria-required"?: (boolean | "true" | "false") | undefined;
99
+ "aria-required"?: (boolean | "false" | "true") | undefined;
100
100
  "aria-roledescription"?: string | undefined | undefined;
101
101
  "aria-rowcount"?: number | undefined | undefined;
102
102
  "aria-rowindex"?: number | undefined | undefined;
103
103
  "aria-rowindextext"?: string | undefined | undefined;
104
104
  "aria-rowspan"?: number | undefined | undefined;
105
- "aria-selected"?: (boolean | "true" | "false") | undefined;
105
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
106
106
  "aria-setsize"?: number | undefined | undefined;
107
107
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
108
108
  "aria-valuemax"?: number | undefined | undefined;
@@ -293,17 +293,17 @@ declare const InputContainer: import("styled-components").IStyledComponent<"web"
293
293
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
294
294
  autoFocus?: boolean | undefined | undefined;
295
295
  className?: string | undefined | undefined;
296
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
296
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
297
297
  contextMenu?: string | undefined | undefined;
298
298
  dir?: string | undefined | undefined;
299
- draggable?: (boolean | "true" | "false") | undefined;
299
+ draggable?: (boolean | "false" | "true") | undefined;
300
300
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
301
301
  hidden?: boolean | undefined | undefined;
302
302
  id?: string | undefined | undefined;
303
303
  lang?: string | undefined | undefined;
304
304
  nonce?: string | undefined | undefined;
305
305
  slot?: string | undefined | undefined;
306
- spellCheck?: (boolean | "true" | "false") | undefined;
306
+ spellCheck?: (boolean | "false" | "true") | undefined;
307
307
  style?: import("react").CSSProperties | undefined;
308
308
  tabIndex?: number | undefined | undefined;
309
309
  title?: string | undefined | undefined;
@@ -341,11 +341,11 @@ declare const InputContainer: import("styled-components").IStyledComponent<"web"
341
341
  exportparts?: string | undefined | undefined;
342
342
  part?: string | undefined | undefined;
343
343
  "aria-activedescendant"?: string | undefined | undefined;
344
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
344
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
345
345
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
346
346
  "aria-braillelabel"?: string | undefined | undefined;
347
347
  "aria-brailleroledescription"?: string | undefined | undefined;
348
- "aria-busy"?: (boolean | "true" | "false") | undefined;
348
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
349
349
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
350
350
  "aria-colcount"?: number | undefined | undefined;
351
351
  "aria-colindex"?: number | undefined | undefined;
@@ -356,37 +356,37 @@ declare const InputContainer: import("styled-components").IStyledComponent<"web"
356
356
  "aria-describedby"?: string | undefined | undefined;
357
357
  "aria-description"?: string | undefined | undefined;
358
358
  "aria-details"?: string | undefined | undefined;
359
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
359
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
360
360
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
361
361
  "aria-errormessage"?: string | undefined | undefined;
362
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
362
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
363
363
  "aria-flowto"?: string | undefined | undefined;
364
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
364
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
365
365
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
366
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
366
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
367
367
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
368
368
  "aria-keyshortcuts"?: string | undefined | undefined;
369
369
  "aria-label"?: string | undefined | undefined;
370
370
  "aria-labelledby"?: string | undefined | undefined;
371
371
  "aria-level"?: number | undefined | undefined;
372
372
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
373
- "aria-modal"?: (boolean | "true" | "false") | undefined;
374
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
375
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
373
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
374
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
375
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
376
376
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
377
377
  "aria-owns"?: string | undefined | undefined;
378
378
  "aria-placeholder"?: string | undefined | undefined;
379
379
  "aria-posinset"?: number | undefined | undefined;
380
380
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
381
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
381
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
382
382
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
383
- "aria-required"?: (boolean | "true" | "false") | undefined;
383
+ "aria-required"?: (boolean | "false" | "true") | undefined;
384
384
  "aria-roledescription"?: string | undefined | undefined;
385
385
  "aria-rowcount"?: number | undefined | undefined;
386
386
  "aria-rowindex"?: number | undefined | undefined;
387
387
  "aria-rowindextext"?: string | undefined | undefined;
388
388
  "aria-rowspan"?: number | undefined | undefined;
389
- "aria-selected"?: (boolean | "true" | "false") | undefined;
389
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
390
390
  "aria-setsize"?: number | undefined | undefined;
391
391
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
392
392
  "aria-valuemax"?: number | undefined | undefined;
@@ -608,17 +608,17 @@ declare const Input: import("styled-components").IStyledComponent<"web", import(
608
608
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
609
609
  autoFocus?: boolean | undefined | undefined;
610
610
  className?: string | undefined | undefined;
611
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
611
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
612
612
  contextMenu?: string | undefined | undefined;
613
613
  dir?: string | undefined | undefined;
614
- draggable?: (boolean | "true" | "false") | undefined;
614
+ draggable?: (boolean | "false" | "true") | undefined;
615
615
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
616
616
  hidden?: boolean | undefined | undefined;
617
617
  id?: string | undefined | undefined;
618
618
  lang?: string | undefined | undefined;
619
619
  nonce?: string | undefined | undefined;
620
620
  slot?: string | undefined | undefined;
621
- spellCheck?: (boolean | "true" | "false") | undefined;
621
+ spellCheck?: (boolean | "false" | "true") | undefined;
622
622
  style?: import("react").CSSProperties | undefined;
623
623
  tabIndex?: number | undefined | undefined;
624
624
  title?: string | undefined | undefined;
@@ -656,11 +656,11 @@ declare const Input: import("styled-components").IStyledComponent<"web", import(
656
656
  exportparts?: string | undefined | undefined;
657
657
  part?: string | undefined | undefined;
658
658
  "aria-activedescendant"?: string | undefined | undefined;
659
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
659
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
660
660
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
661
661
  "aria-braillelabel"?: string | undefined | undefined;
662
662
  "aria-brailleroledescription"?: string | undefined | undefined;
663
- "aria-busy"?: (boolean | "true" | "false") | undefined;
663
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
664
664
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
665
665
  "aria-colcount"?: number | undefined | undefined;
666
666
  "aria-colindex"?: number | undefined | undefined;
@@ -671,37 +671,37 @@ declare const Input: import("styled-components").IStyledComponent<"web", import(
671
671
  "aria-describedby"?: string | undefined | undefined;
672
672
  "aria-description"?: string | undefined | undefined;
673
673
  "aria-details"?: string | undefined | undefined;
674
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
674
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
675
675
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
676
676
  "aria-errormessage"?: string | undefined | undefined;
677
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
677
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
678
678
  "aria-flowto"?: string | undefined | undefined;
679
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
679
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
680
680
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
681
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
681
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
682
682
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
683
683
  "aria-keyshortcuts"?: string | undefined | undefined;
684
684
  "aria-label"?: string | undefined | undefined;
685
685
  "aria-labelledby"?: string | undefined | undefined;
686
686
  "aria-level"?: number | undefined | undefined;
687
687
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
688
- "aria-modal"?: (boolean | "true" | "false") | undefined;
689
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
690
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
688
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
689
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
690
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
691
691
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
692
692
  "aria-owns"?: string | undefined | undefined;
693
693
  "aria-placeholder"?: string | undefined | undefined;
694
694
  "aria-posinset"?: number | undefined | undefined;
695
695
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
696
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
696
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
697
697
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
698
- "aria-required"?: (boolean | "true" | "false") | undefined;
698
+ "aria-required"?: (boolean | "false" | "true") | undefined;
699
699
  "aria-roledescription"?: string | undefined | undefined;
700
700
  "aria-rowcount"?: number | undefined | undefined;
701
701
  "aria-rowindex"?: number | undefined | undefined;
702
702
  "aria-rowindextext"?: string | undefined | undefined;
703
703
  "aria-rowspan"?: number | undefined | undefined;
704
- "aria-selected"?: (boolean | "true" | "false") | undefined;
704
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
705
705
  "aria-setsize"?: number | undefined | undefined;
706
706
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
707
707
  "aria-valuemax"?: number | undefined | undefined;
@@ -898,17 +898,17 @@ declare const LabelError: import("styled-components").IStyledComponent<"web", {
898
898
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
899
899
  autoFocus?: boolean | undefined | undefined;
900
900
  className?: string | undefined | undefined;
901
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
901
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
902
902
  contextMenu?: string | undefined | undefined;
903
903
  dir?: string | undefined | undefined;
904
- draggable?: (boolean | "true" | "false") | undefined;
904
+ draggable?: (boolean | "false" | "true") | undefined;
905
905
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
906
906
  hidden?: boolean | undefined | undefined;
907
907
  id?: string | undefined | undefined;
908
908
  lang?: string | undefined | undefined;
909
909
  nonce?: string | undefined | undefined;
910
910
  slot?: string | undefined | undefined;
911
- spellCheck?: (boolean | "true" | "false") | undefined;
911
+ spellCheck?: (boolean | "false" | "true") | undefined;
912
912
  style?: import("react").CSSProperties | undefined;
913
913
  tabIndex?: number | undefined | undefined;
914
914
  title?: string | undefined | undefined;
@@ -946,11 +946,11 @@ declare const LabelError: import("styled-components").IStyledComponent<"web", {
946
946
  exportparts?: string | undefined | undefined;
947
947
  part?: string | undefined | undefined;
948
948
  "aria-activedescendant"?: string | undefined | undefined;
949
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
949
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
950
950
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
951
951
  "aria-braillelabel"?: string | undefined | undefined;
952
952
  "aria-brailleroledescription"?: string | undefined | undefined;
953
- "aria-busy"?: (boolean | "true" | "false") | undefined;
953
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
954
954
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
955
955
  "aria-colcount"?: number | undefined | undefined;
956
956
  "aria-colindex"?: number | undefined | undefined;
@@ -961,37 +961,37 @@ declare const LabelError: import("styled-components").IStyledComponent<"web", {
961
961
  "aria-describedby"?: string | undefined | undefined;
962
962
  "aria-description"?: string | undefined | undefined;
963
963
  "aria-details"?: string | undefined | undefined;
964
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
964
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
965
965
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
966
966
  "aria-errormessage"?: string | undefined | undefined;
967
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
967
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
968
968
  "aria-flowto"?: string | undefined | undefined;
969
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
969
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
970
970
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
971
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
971
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
972
972
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
973
973
  "aria-keyshortcuts"?: string | undefined | undefined;
974
974
  "aria-label"?: string | undefined | undefined;
975
975
  "aria-labelledby"?: string | undefined | undefined;
976
976
  "aria-level"?: number | undefined | undefined;
977
977
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
978
- "aria-modal"?: (boolean | "true" | "false") | undefined;
979
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
980
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
978
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
979
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
980
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
981
981
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
982
982
  "aria-owns"?: string | undefined | undefined;
983
983
  "aria-placeholder"?: string | undefined | undefined;
984
984
  "aria-posinset"?: number | undefined | undefined;
985
985
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
986
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
986
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
987
987
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
988
- "aria-required"?: (boolean | "true" | "false") | undefined;
988
+ "aria-required"?: (boolean | "false" | "true") | undefined;
989
989
  "aria-roledescription"?: string | undefined | undefined;
990
990
  "aria-rowcount"?: number | undefined | undefined;
991
991
  "aria-rowindex"?: number | undefined | undefined;
992
992
  "aria-rowindextext"?: string | undefined | undefined;
993
993
  "aria-rowspan"?: number | undefined | undefined;
994
- "aria-selected"?: (boolean | "true" | "false") | undefined;
994
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
995
995
  "aria-setsize"?: number | undefined | undefined;
996
996
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
997
997
  "aria-valuemax"?: number | undefined | undefined;