draft-components 0.51.0 → 0.52.2

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 (101) hide show
  1. package/components/{datetime-field → datetime-input}/date-component-input.d.ts +0 -0
  2. package/components/{datetime-field → datetime-input}/date-component-input.js +0 -0
  3. package/components/{datetime-field → datetime-input}/date-component-input.js.map +1 -1
  4. package/components/{datetime-field → datetime-input}/date-components.d.ts +0 -0
  5. package/components/{datetime-field → datetime-input}/date-components.js +0 -0
  6. package/components/{datetime-field → datetime-input}/date-components.js.map +1 -1
  7. package/components/{datetime-field/datetime-field.d.ts → datetime-input/datetime-input.d.ts} +4 -4
  8. package/components/{datetime-field/datetime-field.js → datetime-input/datetime-input.js} +10 -10
  9. package/components/{datetime-field/datetime-field.js.map → datetime-input/datetime-input.js.map} +1 -1
  10. package/components/{datetime-field → datetime-input}/index.d.ts +1 -1
  11. package/components/{datetime-field → datetime-input}/index.js +1 -1
  12. package/components/datetime-input/index.js.map +1 -0
  13. package/components/form-field/form-field.d.ts +17 -0
  14. package/components/{field-group/field-group.js → form-field/form-field.js} +8 -8
  15. package/components/form-field/form-field.js.map +1 -0
  16. package/components/form-field/index.d.ts +1 -0
  17. package/components/{text-field → form-field}/index.js +1 -1
  18. package/components/form-field/index.js.map +1 -0
  19. package/components/index.d.ts +6 -6
  20. package/components/index.js +6 -6
  21. package/components/index.js.map +1 -1
  22. package/components/number-input/index.d.ts +1 -0
  23. package/components/{number-field → number-input}/index.js +1 -1
  24. package/components/number-input/index.js.map +1 -0
  25. package/components/number-input/number-input.d.ts +12 -0
  26. package/components/{number-field/number-field.js → number-input/number-input.js} +11 -18
  27. package/components/number-input/number-input.js.map +1 -0
  28. package/components/password-input/index.d.ts +1 -0
  29. package/components/{password-field → password-input}/index.js +1 -1
  30. package/components/password-input/index.js.map +1 -0
  31. package/components/password-input/password-input.d.ts +8 -0
  32. package/components/{password-field/password-field.js → password-input/password-input.js} +6 -6
  33. package/components/password-input/password-input.js.map +1 -0
  34. package/components/search-input/index.d.ts +1 -0
  35. package/components/{search-field → search-input}/index.js +1 -1
  36. package/components/search-input/index.js.map +1 -0
  37. package/components/search-input/search-input.d.ts +5 -0
  38. package/components/search-input/search-input.js +18 -0
  39. package/components/search-input/search-input.js.map +1 -0
  40. package/components/select/select.js +4 -4
  41. package/components/text-input/index.d.ts +1 -0
  42. package/components/{field-group → text-input}/index.js +1 -1
  43. package/components/text-input/index.js.map +1 -0
  44. package/components/text-input/text-input.d.ts +12 -0
  45. package/components/{text-field/text-field.js → text-input/text-input.js} +33 -12
  46. package/components/text-input/text-input.js.map +1 -0
  47. package/components/textarea/textarea.js +4 -4
  48. package/css/draft-components.css +2 -2
  49. package/package.json +1 -1
  50. package/scss/.DS_Store +0 -0
  51. package/scss/components/_button.scss +31 -23
  52. package/scss/components/_checkbox.scss +26 -26
  53. package/scss/components/_datetime-input.scss +92 -0
  54. package/scss/components/_form-field.scss +16 -0
  55. package/scss/components/_index.scss +6 -6
  56. package/scss/components/_input.scss +73 -0
  57. package/scss/components/{_number-field.scss → _number-input.scss} +4 -4
  58. package/scss/components/{_password-field.scss → _password-input.scss} +2 -2
  59. package/scss/components/_radio-button.scss +37 -38
  60. package/scss/components/_select.scss +12 -12
  61. package/scss/components/_selection-control.scss +7 -4
  62. package/scss/components/_slider.scss +4 -4
  63. package/scss/components/_switch.scss +42 -42
  64. package/scss/components/_text-input.scss +52 -0
  65. package/scss/components/_textarea.scss +6 -5
  66. package/scss/themes/_default-theme.scss +27 -29
  67. package/scss/utils/_gap.scss +21 -0
  68. package/components/banner/banner.d.ts +0 -278
  69. package/components/banner/banner.js +0 -106
  70. package/components/banner/banner.js.map +0 -1
  71. package/components/banner/index.d.ts +0 -1
  72. package/components/banner/index.js +0 -27
  73. package/components/banner/index.js.map +0 -1
  74. package/components/datetime-field/index.js.map +0 -1
  75. package/components/field-group/field-group.d.ts +0 -17
  76. package/components/field-group/field-group.js.map +0 -1
  77. package/components/field-group/index.d.ts +0 -1
  78. package/components/field-group/index.js.map +0 -1
  79. package/components/number-field/index.d.ts +0 -1
  80. package/components/number-field/index.js.map +0 -1
  81. package/components/number-field/number-field.d.ts +0 -12
  82. package/components/number-field/number-field.js.map +0 -1
  83. package/components/password-field/index.d.ts +0 -1
  84. package/components/password-field/index.js.map +0 -1
  85. package/components/password-field/password-field.d.ts +0 -8
  86. package/components/password-field/password-field.js.map +0 -1
  87. package/components/search-field/index.d.ts +0 -1
  88. package/components/search-field/index.js.map +0 -1
  89. package/components/search-field/search-field.d.ts +0 -5
  90. package/components/search-field/search-field.js +0 -17
  91. package/components/search-field/search-field.js.map +0 -1
  92. package/components/text-field/index.d.ts +0 -1
  93. package/components/text-field/index.js.map +0 -1
  94. package/components/text-field/text-field.d.ts +0 -12
  95. package/components/text-field/text-field.js.map +0 -1
  96. package/scss/components/_banner.scss +0 -104
  97. package/scss/components/_datetime-field.scss +0 -92
  98. package/scss/components/_field-group.scss +0 -17
  99. package/scss/components/_field.scss +0 -73
  100. package/scss/components/_text-field.scss +0 -52
  101. package/scss/utils/_box-sizing.scss +0 -7
@@ -103,44 +103,42 @@
103
103
  --dc-btn-success-focus-ring-color: #{rgba($green-500, $opacity-50)};
104
104
 
105
105
  /*------------------------------------*\
106
- #FORM FIELDS
106
+ #FORM INPUTS
107
107
  \*------------------------------------*/
108
- --dc-field-text-color: #{$gray-800};
109
- --dc-field-add-on-color: #{$gray-600};
110
- --dc-field-border-color: #{$gray-300};
111
- --dc-field-bg-color: #{$white};
108
+ --dc-input-text-color: #{$gray-800};
109
+ --dc-input-add-on-color: #{$gray-600};
110
+ --dc-input-border-color: #{$gray-300};
111
+ --dc-input-border: 1px solid var(--dc-input-border-color);
112
+ --dc-input-bg: #{$white};
112
113
 
113
- --dc-field-disabled-text-color: #{$gray-400};
114
- --dc-field-disabled-add-on-color: #{$gray-400};
115
- --dc-field-disabled-border-color: #{$gray-200};
116
- --dc-field-disabled-bg-color: #{$gray-50};
114
+ --dc-input-disabled-text-color: #{$gray-400};
115
+ --dc-input-disabled-add-on-color: #{$gray-400};
116
+ --dc-input-disabled-border-color: #{$gray-200};
117
+ --dc-input-disabled-bg: #{$gray-50};
117
118
 
118
- --dc-field-accent-color: #{$blue-500};
119
- --dc-field-accent-text-color: #{$white};
120
- --dc-field-error-color: #{$red-600};
121
- --dc-field-error-text-color: #{$white};
119
+ --dc-input-error-color: #{$red-600};
120
+ --dc-input-accent-color: #{$blue-500};
121
+ --dc-input-accent-secondary-color: #{$white};
122
122
 
123
- --dc-field-w: #{px-to-rem(288px)};
124
- --dc-field-h: var(--dc-control-md-h);
125
- --dc-field-pad: #{px-to-em(12px)};
126
- --dc-field-br: #{$border-radius-xs};
127
- --dc-field-fs: #{$font-size-sm};
123
+ --dc-input-width: #{px-to-rem(288px)};
124
+ --dc-input-height: var(--dc-control-md-h);
125
+ --dc-input-gap: #{px-to-em(12px)};
126
+ --dc-input-border-radius: #{$border-radius-xs};
127
+ --dc-input-font-size: #{$font-size-sm};
128
128
 
129
- --dc-textarea-lh: #{$leading-normal};
129
+ --dc-textarea-leading: #{$leading-normal};
130
130
 
131
131
  /*------------------------------------*\
132
132
  #SELECTION CONTROLS
133
133
  \*------------------------------------*/
134
134
  --dc-checkbox-size: #{px-to-rem(18px)};
135
135
 
136
- --dc-radio-button-size: #{px-to-rem(18px)};
136
+ --dc-radio-btn-size: #{px-to-rem(18px)};
137
137
 
138
138
  --dc-switch-check-size: #{px-to-rem(16px)};
139
- --dc-switch-bg-color: #{$gray-200};
140
- --dc-switch-check-color: #{$white};
141
- --dc-switch-accent-color: #{$blue-500};
142
- --dc-switch-w: #{px-to-rem(32px)};
143
- --dc-switch-h: #{px-to-rem(20px)};
139
+ --dc-switch-width: #{px-to-rem(32px)};
140
+ --dc-switch-height: #{px-to-rem(20px)};
141
+ --dc-switch-bg: #{$gray-200};
144
142
 
145
143
  /*------------------------------------*\
146
144
  #RADIO GROUP
@@ -151,9 +149,9 @@
151
149
  /*------------------------------------*\
152
150
  #SLIDER
153
151
  \*------------------------------------*/
154
- --dc-slider-thumb-gb-color: #{$white};
155
- --dc-slider-track-gb-color: #{$gray-400};
156
- --dc-slider-fill-track-gb-color: #{$blue-500};
152
+ --dc-slider-thumb-bg: #{$white};
153
+ --dc-slider-track-bg: #{$gray-400};
154
+ --dc-slider-fill-track-bg: #{$blue-500};
157
155
 
158
156
  /*------------------------------------*\
159
157
  #ACTIONS GROUP
@@ -218,7 +216,7 @@
218
216
  --dc-table-cell-bg: var(--dc-primary-bg-color);
219
217
  --dc-table-header-cell-bg: var(--dc-secondary-bg-color);
220
218
  --dc-table-hover-row-bg: var(--dc-tertiary-bg-color);
221
- --dc-table-striped-row-bg: var(--dc-tertiary-bg-color);
219
+ --dc-table-striped-row-bg: var(--dc-secondary-bg-color);
222
220
  --dc-table-selected-row-bg: #{blue-100};
223
221
  --dc-table-selected-stiped-row-bg: #{blue-50};
224
222
 
@@ -0,0 +1,21 @@
1
+ $gap-scale: (
2
+ 0: 0,
3
+ 1: $gap-1x,
4
+ 2: $gap-2x,
5
+ 3: $gap-3x,
6
+ 4: $gap-4x,
7
+ 5: $gap-5x,
8
+ 6: $gap-6x,
9
+ 8: $gap-8x,
10
+ 10: $gap-10x,
11
+ 12: $gap-12x,
12
+ 16: $gap-16x,
13
+ 20: $gap-20x,
14
+ 24: $gap-24x,
15
+ );
16
+
17
+ @each $scale, $gap in $gap-scale {
18
+ .gap-#{$scale} {
19
+ gap: $gap !important;
20
+ }
21
+ }
@@ -1,278 +0,0 @@
1
- import type {
2
- ReactNode,
3
- MouseEventHandler,
4
- ComponentPropsWithRef,
5
- } from 'react';
6
- export interface BannerAction {
7
- label: ReactNode;
8
- onClick: MouseEventHandler<HTMLButtonElement>;
9
- }
10
- export interface BannerProps extends ComponentPropsWithRef<'div'> {
11
- hasFullWidth?: boolean;
12
- appearance?: 'default' | 'warning' | 'error' | 'info' | 'success';
13
- actions?: BannerAction | [BannerAction] | [BannerAction, BannerAction];
14
- }
15
- export declare const Banner: import('react').ForwardRefExoticComponent<
16
- Pick<
17
- BannerProps,
18
- | 'slot'
19
- | 'style'
20
- | 'title'
21
- | 'className'
22
- | 'color'
23
- | 'id'
24
- | 'lang'
25
- | 'role'
26
- | 'tabIndex'
27
- | 'aria-activedescendant'
28
- | 'aria-atomic'
29
- | 'aria-autocomplete'
30
- | 'aria-busy'
31
- | 'aria-checked'
32
- | 'aria-colcount'
33
- | 'aria-colindex'
34
- | 'aria-colspan'
35
- | 'aria-controls'
36
- | 'aria-current'
37
- | 'aria-describedby'
38
- | 'aria-details'
39
- | 'aria-disabled'
40
- | 'aria-dropeffect'
41
- | 'aria-errormessage'
42
- | 'aria-expanded'
43
- | 'aria-flowto'
44
- | 'aria-grabbed'
45
- | 'aria-haspopup'
46
- | 'aria-hidden'
47
- | 'aria-invalid'
48
- | 'aria-keyshortcuts'
49
- | 'aria-label'
50
- | 'aria-labelledby'
51
- | 'aria-level'
52
- | 'aria-live'
53
- | 'aria-modal'
54
- | 'aria-multiline'
55
- | 'aria-multiselectable'
56
- | 'aria-orientation'
57
- | 'aria-owns'
58
- | 'aria-placeholder'
59
- | 'aria-posinset'
60
- | 'aria-pressed'
61
- | 'aria-readonly'
62
- | 'aria-relevant'
63
- | 'aria-required'
64
- | 'aria-roledescription'
65
- | 'aria-rowcount'
66
- | 'aria-rowindex'
67
- | 'aria-rowspan'
68
- | 'aria-selected'
69
- | 'aria-setsize'
70
- | 'aria-sort'
71
- | 'aria-valuemax'
72
- | 'aria-valuemin'
73
- | 'aria-valuenow'
74
- | 'aria-valuetext'
75
- | 'children'
76
- | 'dangerouslySetInnerHTML'
77
- | 'onCopy'
78
- | 'onCopyCapture'
79
- | 'onCut'
80
- | 'onCutCapture'
81
- | 'onPaste'
82
- | 'onPasteCapture'
83
- | 'onCompositionEnd'
84
- | 'onCompositionEndCapture'
85
- | 'onCompositionStart'
86
- | 'onCompositionStartCapture'
87
- | 'onCompositionUpdate'
88
- | 'onCompositionUpdateCapture'
89
- | 'onFocus'
90
- | 'onFocusCapture'
91
- | 'onBlur'
92
- | 'onBlurCapture'
93
- | 'onChange'
94
- | 'onChangeCapture'
95
- | 'onBeforeInput'
96
- | 'onBeforeInputCapture'
97
- | 'onInput'
98
- | 'onInputCapture'
99
- | 'onReset'
100
- | 'onResetCapture'
101
- | 'onSubmit'
102
- | 'onSubmitCapture'
103
- | 'onInvalid'
104
- | 'onInvalidCapture'
105
- | 'onLoad'
106
- | 'onLoadCapture'
107
- | 'onError'
108
- | 'onErrorCapture'
109
- | 'onKeyDown'
110
- | 'onKeyDownCapture'
111
- | 'onKeyPress'
112
- | 'onKeyPressCapture'
113
- | 'onKeyUp'
114
- | 'onKeyUpCapture'
115
- | 'onAbort'
116
- | 'onAbortCapture'
117
- | 'onCanPlay'
118
- | 'onCanPlayCapture'
119
- | 'onCanPlayThrough'
120
- | 'onCanPlayThroughCapture'
121
- | 'onDurationChange'
122
- | 'onDurationChangeCapture'
123
- | 'onEmptied'
124
- | 'onEmptiedCapture'
125
- | 'onEncrypted'
126
- | 'onEncryptedCapture'
127
- | 'onEnded'
128
- | 'onEndedCapture'
129
- | 'onLoadedData'
130
- | 'onLoadedDataCapture'
131
- | 'onLoadedMetadata'
132
- | 'onLoadedMetadataCapture'
133
- | 'onLoadStart'
134
- | 'onLoadStartCapture'
135
- | 'onPause'
136
- | 'onPauseCapture'
137
- | 'onPlay'
138
- | 'onPlayCapture'
139
- | 'onPlaying'
140
- | 'onPlayingCapture'
141
- | 'onProgress'
142
- | 'onProgressCapture'
143
- | 'onRateChange'
144
- | 'onRateChangeCapture'
145
- | 'onSeeked'
146
- | 'onSeekedCapture'
147
- | 'onSeeking'
148
- | 'onSeekingCapture'
149
- | 'onStalled'
150
- | 'onStalledCapture'
151
- | 'onSuspend'
152
- | 'onSuspendCapture'
153
- | 'onTimeUpdate'
154
- | 'onTimeUpdateCapture'
155
- | 'onVolumeChange'
156
- | 'onVolumeChangeCapture'
157
- | 'onWaiting'
158
- | 'onWaitingCapture'
159
- | 'onAuxClick'
160
- | 'onAuxClickCapture'
161
- | 'onClick'
162
- | 'onClickCapture'
163
- | 'onContextMenu'
164
- | 'onContextMenuCapture'
165
- | 'onDoubleClick'
166
- | 'onDoubleClickCapture'
167
- | 'onDrag'
168
- | 'onDragCapture'
169
- | 'onDragEnd'
170
- | 'onDragEndCapture'
171
- | 'onDragEnter'
172
- | 'onDragEnterCapture'
173
- | 'onDragExit'
174
- | 'onDragExitCapture'
175
- | 'onDragLeave'
176
- | 'onDragLeaveCapture'
177
- | 'onDragOver'
178
- | 'onDragOverCapture'
179
- | 'onDragStart'
180
- | 'onDragStartCapture'
181
- | 'onDrop'
182
- | 'onDropCapture'
183
- | 'onMouseDown'
184
- | 'onMouseDownCapture'
185
- | 'onMouseEnter'
186
- | 'onMouseLeave'
187
- | 'onMouseMove'
188
- | 'onMouseMoveCapture'
189
- | 'onMouseOut'
190
- | 'onMouseOutCapture'
191
- | 'onMouseOver'
192
- | 'onMouseOverCapture'
193
- | 'onMouseUp'
194
- | 'onMouseUpCapture'
195
- | 'onSelect'
196
- | 'onSelectCapture'
197
- | 'onTouchCancel'
198
- | 'onTouchCancelCapture'
199
- | 'onTouchEnd'
200
- | 'onTouchEndCapture'
201
- | 'onTouchMove'
202
- | 'onTouchMoveCapture'
203
- | 'onTouchStart'
204
- | 'onTouchStartCapture'
205
- | 'onPointerDown'
206
- | 'onPointerDownCapture'
207
- | 'onPointerMove'
208
- | 'onPointerMoveCapture'
209
- | 'onPointerUp'
210
- | 'onPointerUpCapture'
211
- | 'onPointerCancel'
212
- | 'onPointerCancelCapture'
213
- | 'onPointerEnter'
214
- | 'onPointerEnterCapture'
215
- | 'onPointerLeave'
216
- | 'onPointerLeaveCapture'
217
- | 'onPointerOver'
218
- | 'onPointerOverCapture'
219
- | 'onPointerOut'
220
- | 'onPointerOutCapture'
221
- | 'onGotPointerCapture'
222
- | 'onGotPointerCaptureCapture'
223
- | 'onLostPointerCapture'
224
- | 'onLostPointerCaptureCapture'
225
- | 'onScroll'
226
- | 'onScrollCapture'
227
- | 'onWheel'
228
- | 'onWheelCapture'
229
- | 'onAnimationStart'
230
- | 'onAnimationStartCapture'
231
- | 'onAnimationEnd'
232
- | 'onAnimationEndCapture'
233
- | 'onAnimationIteration'
234
- | 'onAnimationIterationCapture'
235
- | 'onTransitionEnd'
236
- | 'onTransitionEndCapture'
237
- | 'key'
238
- | 'hidden'
239
- | 'defaultChecked'
240
- | 'defaultValue'
241
- | 'suppressContentEditableWarning'
242
- | 'suppressHydrationWarning'
243
- | 'accessKey'
244
- | 'contentEditable'
245
- | 'contextMenu'
246
- | 'dir'
247
- | 'draggable'
248
- | 'placeholder'
249
- | 'spellCheck'
250
- | 'translate'
251
- | 'radioGroup'
252
- | 'about'
253
- | 'datatype'
254
- | 'inlist'
255
- | 'prefix'
256
- | 'property'
257
- | 'resource'
258
- | 'typeof'
259
- | 'vocab'
260
- | 'autoCapitalize'
261
- | 'autoCorrect'
262
- | 'autoSave'
263
- | 'itemProp'
264
- | 'itemScope'
265
- | 'itemType'
266
- | 'itemID'
267
- | 'itemRef'
268
- | 'results'
269
- | 'security'
270
- | 'unselectable'
271
- | 'inputMode'
272
- | 'is'
273
- | 'appearance'
274
- | 'hasFullWidth'
275
- | 'actions'
276
- > &
277
- import('react').RefAttributes<HTMLDivElement>
278
- >;
@@ -1,106 +0,0 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
3
- exports.Banner = void 0;
4
- const jsx_runtime_1 = require('react/jsx-runtime');
5
- const react_1 = require('react');
6
- const react_helpers_1 = require('../../lib/react-helpers');
7
- const svg_icon_1 = require('../svg-icon');
8
- const exclamation_circle_fill_1 = require('../../icons/exclamation-circle-fill');
9
- const exclamation_triangle_fill_1 = require('../../icons/exclamation-triangle-fill');
10
- const check_circle_fill_1 = require('../../icons/check-circle-fill');
11
- const info_circle_fill_1 = require('../../icons/info-circle-fill');
12
- const bannerIcons = {
13
- error: exclamation_circle_fill_1.exclamationCircleFill,
14
- warning: exclamation_triangle_fill_1.exclamationTriangleFill,
15
- success: check_circle_fill_1.checkCircleFill,
16
- info: info_circle_fill_1.infoCircleFill,
17
- default: info_circle_fill_1.infoCircleFill,
18
- };
19
- exports.Banner = react_1.forwardRef(function FlashMessage(
20
- {
21
- hasFullWidth,
22
- appearance = 'default',
23
- actions,
24
- className,
25
- children,
26
- ...props
27
- },
28
- ref
29
- ) {
30
- return jsx_runtime_1.jsxs(
31
- 'div',
32
- Object.assign(
33
- {},
34
- props,
35
- {
36
- ref: ref,
37
- className: react_helpers_1.classNames(
38
- className,
39
- 'dc-banner',
40
- `dc-banner_appearance_${appearance}`,
41
- { 'dc-banner_full_width': hasFullWidth }
42
- ),
43
- },
44
- {
45
- children: [
46
- jsx_runtime_1.jsxs(
47
- 'div',
48
- Object.assign(
49
- { className: 'dc-banner__body' },
50
- {
51
- children: [
52
- jsx_runtime_1.jsx(
53
- svg_icon_1.SvgIcon,
54
- {
55
- className: 'dc-banner__icon',
56
- icon: bannerIcons[appearance] || bannerIcons.default,
57
- },
58
- void 0
59
- ),
60
- jsx_runtime_1.jsx(
61
- 'div',
62
- Object.assign(
63
- { className: 'dc-banner__content' },
64
- { children: children }
65
- ),
66
- void 0
67
- ),
68
- ],
69
- }
70
- ),
71
- void 0
72
- ),
73
- actions
74
- ? jsx_runtime_1.jsx(
75
- 'div',
76
- Object.assign(
77
- { className: 'dc-banner__actions' },
78
- {
79
- children: (Array.isArray(actions)
80
- ? actions
81
- : [actions]
82
- ).map((action, index) =>
83
- jsx_runtime_1.jsx(
84
- 'button',
85
- Object.assign(
86
- {
87
- className: 'dc-banner__action-btn',
88
- onClick: action.onClick,
89
- },
90
- { children: action.label }
91
- ),
92
- `banner-action-${index}`
93
- )
94
- ),
95
- }
96
- ),
97
- void 0
98
- )
99
- : null,
100
- ],
101
- }
102
- ),
103
- void 0
104
- );
105
- });
106
- //# sourceMappingURL=banner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/components/banner/banner.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,2DAAqD;AACrD,0CAA4C;AAC5C,iFAA4E;AAC5E,qFAAgF;AAChF,qEAAgE;AAChE,mEAA8D;AAkB9D,MAAM,WAAW,GAAyD;IACxE,KAAK,EAAE,+CAAqB;IAC5B,OAAO,EAAE,mDAAuB;IAChC,OAAO,EAAE,mCAAe;IACxB,IAAI,EAAE,iCAAc;IACpB,OAAO,EAAE,iCAAc;CACxB,CAAC;AAEW,QAAA,MAAM,GAAG,kBAAU,CAC9B,SAAS,YAAY,CACnB,EACE,YAAY,EACZ,UAAU,GAAG,SAAS,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,4CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,0BAAU,CACnB,SAAS,EACT,WAAW,EACX,wBAAwB,UAAU,EAAE,EACpC,EAAE,sBAAsB,EAAE,YAAY,EAAE,CACzC,iBAED,0CAAK,SAAS,EAAC,iBAAiB,iBAC9B,kBAAC,kBAAO,IACN,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,IAAI,WAAW,CAAC,OAAO,WACpD;oBACF,yCAAK,SAAS,EAAC,oBAAoB,gBAAE,QAAQ,YAAO,aAChD;YACL,OAAO,CAAC,CAAC,CAAC,CACT,yCAAK,SAAS,EAAC,oBAAoB,gBAChC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CACjD,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACjB,4CAEE,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,MAAM,CAAC,OAAO,gBAEtB,MAAM,CAAC,KAAK,KAJR,iBAAiB,KAAK,EAAE,CAKtB,CACV,CACF,YACG,CACP,CAAC,CAAC,CAAC,IAAI,aACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1 +0,0 @@
1
- export * from './banner';
@@ -1,27 +0,0 @@
1
- 'use strict';
2
- var __createBinding =
3
- (this && this.__createBinding) ||
4
- (Object.create
5
- ? function (o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- Object.defineProperty(o, k2, {
8
- enumerable: true,
9
- get: function () {
10
- return m[k];
11
- },
12
- });
13
- }
14
- : function (o, m, k, k2) {
15
- if (k2 === undefined) k2 = k;
16
- o[k2] = m[k];
17
- });
18
- var __exportStar =
19
- (this && this.__exportStar) ||
20
- function (m, exports) {
21
- for (var p in m)
22
- if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
23
- __createBinding(exports, m, p);
24
- };
25
- Object.defineProperty(exports, '__esModule', { value: true });
26
- __exportStar(require('./banner'), exports);
27
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/banner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/datetime-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,oDAAkC"}
@@ -1,17 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- export interface FieldRenderer {
3
- (props: {
4
- id: string;
5
- required: boolean;
6
- invalid: boolean;
7
- }): JSX.Element;
8
- }
9
- export interface FieldGroupProps extends ComponentPropsWithoutRef<'div'> {
10
- label?: ReactNode;
11
- labelFor?: string;
12
- required?: boolean;
13
- hint?: ReactNode;
14
- validationError?: ReactNode;
15
- children: JSX.Element | FieldRenderer;
16
- }
17
- export declare function FieldGroup({ label, labelFor, required, hint, validationError, className, children, ...props }: FieldGroupProps): JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"field-group.js","sourceRoot":"","sources":["../../src/components/field-group/field-group.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoE;AACpE,yCAA0C;AAC1C,2DAAqD;AACrD,oCAAiC;AACjC,sDAAkD;AAelD,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,MAAM,OAAO,GAAG,cAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;QACpB,OAAO,CAAC,OAAO,GAAG,eAAQ,CAAC,oBAAoB,CAAC,CAAC;KAClD;IAED,OAAO,CACL,4CAAS,KAAK,IAAE,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,iBAC/D,KAAK,CAAC,CAAC,CAAC,CACP,kBAAC,aAAK,kBACJ,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,gBAEvB,KAAK,YACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,yCAAK,SAAS,EAAC,uBAAuB,gBACnC,OAAO,QAAQ,KAAK,UAAU;oBAC7B,CAAC,CAAC,QAAQ,CAAC;wBACP,EAAE,EAAE,OAAO,CAAC,OAAO;wBACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;wBAC3B,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC;qBAClC,CAAC;oBACJ,CAAC,CAAC,QAAQ,YACR,EACL,CAAC;gBACA,IAAI,eAAe,EAAE;oBACnB,OAAO,CACL,kBAAC,8BAAa,kBACZ,SAAS,EAAC,uBAAuB,EACjC,cAAc,EAAE,IAAI,EACpB,UAAU,EAAC,OAAO,gBAEjB,eAAe,YACF,CACjB,CAAC;iBACH;gBACD,IAAI,IAAI,EAAE;oBACR,OAAO,CACL,kBAAC,8BAAa,kBAAC,SAAS,EAAC,sBAAsB,gBAC5C,IAAI,YACS,CACjB,CAAC;iBACH;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,EAAE,aACA,CACP,CAAC;AACJ,CAAC;AA1DD,gCA0DC"}
@@ -1 +0,0 @@
1
- export * from './field-group';
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/field-group/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B"}
@@ -1 +0,0 @@
1
- export * from './number-field';
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/number-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TextFieldProps } from '../text-field';
3
- export interface NumberFieldProps extends TextFieldProps {
4
- incrementButtonLabel?: ReactNode;
5
- decrementButtonLabel?: ReactNode;
6
- min?: number;
7
- max?: number;
8
- step?: number;
9
- value: string;
10
- onChangeValue(value: string): void;
11
- }
12
- export declare function NumberField({ style, className, incrementButtonLabel, decrementButtonLabel, min, max, step, disabled, readOnly, fullWidth, size, value, onKeyDown, onChangeValue, ...props }: NumberFieldProps): JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../src/components/number-field/number-field.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export * from './password-field';
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/password-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC"}
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps } from '../text-field';
3
- export declare type PasswordFieldBaseProps = Omit<TextFieldProps, 'type' | 'trailingAddOn'>;
4
- export interface PasswordFieldProps extends PasswordFieldBaseProps {
5
- showPasswordAriaTitle?: string;
6
- hidePasswordAriaTitle?: string;
7
- }
8
- export declare function PasswordField({ showPasswordAriaTitle, hidePasswordAriaTitle, className, ...props }: PasswordFieldProps): JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../src/components/password-field/password-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,2DAAqD;AACrD,8CAA0D;AAC1D,sCAAmC;AACnC,0CAAoD;AACpD,yCAAsC;AACtC,qDAAiD;AAYjD,SAAgB,aAAa,CAAC,EAC5B,qBAAqB,GAAG,eAAe,EACvC,qBAAqB,GAAG,eAAe,EACvC,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAyB,UAAU,CAAC,CAAC;IAErE,IAAI,IAAI,GAAyB,oBAAQ,CAAC;IAC1C,IAAI,KAAK,GAAW,qBAAqB,CAAC;IAC1C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,IAAI,GAAG,SAAG,CAAC;QACX,KAAK,GAAG,qBAAqB,CAAC;KAC/B;IAED,OAAO,CACL,kBAAC,sBAAS,oBACJ,KAAK,IACT,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,EACrD,IAAI,EAAE,IAAI,EACV,aAAa,EACX,kBAAC,eAAM,IACL,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,WAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,WACjE,YAEJ,CACH,CAAC;AACJ,CAAC;AAjCD,sCAiCC"}
@@ -1 +0,0 @@
1
- export * from './search-field';
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/search-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps } from '../text-field';
3
- export interface SearchFieldProps extends TextFieldProps {
4
- }
5
- export declare const SearchField: import("react").ForwardRefExoticComponent<Pick<SearchFieldProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "hidden" | "multiple" | "disabled" | "autoFocus" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn" | "onChangeValue"> & import("react").RefAttributes<HTMLInputElement>>;