@luscii-healthtech/web-ui 60.1.0 → 60.2.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.
- package/dist/esm/components/Checkbox/LabeledCheckboxCardGroup.js +2 -2
- package/dist/esm/components/Checkbox/LabeledCheckboxCardGroup.js.map +1 -1
- package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js +2 -2
- package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js.map +1 -1
- package/dist/esm/components/DatePicker/LabeledDatePicker.js +1 -1
- package/dist/esm/components/DatePicker/LabeledDatePicker.js.map +1 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/LabeledInput.js +4 -2
- package/dist/esm/components/Input/LabeledInput.js.map +1 -1
- package/dist/esm/components/Input/SearchInput.js +1 -1
- package/dist/esm/components/Input/SearchInput.js.map +1 -1
- package/dist/esm/components/Input/StyledInput.js +71 -28
- package/dist/esm/components/Input/StyledInput.js.map +1 -1
- package/dist/esm/components/Radio/LabeledRadioCardGroup.js +2 -2
- package/dist/esm/components/Radio/LabeledRadioCardGroup.js.map +1 -1
- package/dist/esm/components/Radio/LabeledRadioGroup.js +2 -2
- package/dist/esm/components/Radio/LabeledRadioGroup.js.map +1 -1
- package/dist/esm/components/Select/LabeledSelect.js +1 -1
- package/dist/esm/components/Select/LabeledSelect.js.map +1 -1
- package/dist/esm/components/Select/LabeledSelectSearchable.js +2 -1
- package/dist/esm/components/Select/LabeledSelectSearchable.js.map +1 -1
- package/dist/esm/components/forms/shared/FieldsetLegend.js +17 -0
- package/dist/esm/components/forms/shared/FieldsetLegend.js.map +1 -0
- package/dist/esm/components/forms/shared/HelperAndErrorText.js +1 -1
- package/dist/esm/components/forms/shared/HelperAndErrorText.js.map +1 -1
- package/dist/index.development.js +95 -39
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/Checkbox/LabeledCheckboxCardGroup.d.ts +10 -2
- package/dist/src/components/Checkbox/LabeledCheckboxGroup.d.ts +9 -1
- package/dist/src/components/DatePicker/LabeledDatePicker.d.ts +9 -1
- package/dist/src/components/Input/Input.d.ts +2 -0
- package/dist/src/components/Input/LabeledInput.d.ts +11 -1
- package/dist/src/components/Input/StyledInput.d.ts +2 -0
- package/dist/src/components/InputSelect/InputSelect.d.ts +1 -0
- package/dist/src/components/InputSelect/InputSelectInput.d.ts +1 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +2 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormInput.d.ts +1 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormInputSelect.d.ts +1 -0
- package/dist/src/components/Radio/LabeledRadioCardGroup.d.ts +10 -2
- package/dist/src/components/Radio/LabeledRadioGroup.d.ts +9 -1
- package/dist/src/components/Select/LabeledSelect.d.ts +9 -1
- package/dist/src/components/Select/LabeledSelectSearchable.d.ts +8 -1
- package/dist/src/components/forms/shared/FieldsetLegend.d.ts +22 -0
- package/dist/src/generated/components/Checkbox/LabeledCheckboxCardGroup.d.ts +10 -2
- package/dist/src/generated/components/Checkbox/LabeledCheckboxGroup.d.ts +9 -1
- package/dist/src/generated/components/DatePicker/LabeledDatePicker.d.ts +9 -1
- package/dist/src/generated/components/Input/Input.d.ts +2 -0
- package/dist/src/generated/components/Input/LabeledInput.d.ts +11 -1
- package/dist/src/generated/components/Input/StyledInput.d.ts +2 -0
- package/dist/src/generated/components/InputSelect/InputSelect.d.ts +1 -0
- package/dist/src/generated/components/InputSelect/InputSelectInput.d.ts +1 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +2 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormInput.d.ts +1 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormInputSelect.d.ts +1 -0
- package/dist/src/generated/components/Radio/LabeledRadioCardGroup.d.ts +10 -2
- package/dist/src/generated/components/Radio/LabeledRadioGroup.d.ts +9 -1
- package/dist/src/generated/components/Select/LabeledSelect.d.ts +9 -1
- package/dist/src/generated/components/Select/LabeledSelectSearchable.d.ts +8 -1
- package/dist/src/generated/components/forms/shared/FieldsetLegend.d.ts +22 -0
- package/dist/stories/InputSelect.stories.d.ts +1 -0
- package/dist/stories/LabeledCheckbox.stories.d.ts +5 -0
- package/dist/stories/LabeledDatePicker.stories.d.ts +6 -1
- package/dist/stories/LabeledInput.stories.d.ts +14 -1
- package/dist/stories/LabeledRadio.stories.d.ts +10 -0
- package/dist/stories/LabeledSelectSearchable.stories.d.ts +6 -1
- package/dist/stories/NaturalLanguageForm.stories.d.ts +2 -0
- package/dist/stories/SearchInput.stories.d.ts +1 -0
- package/dist/stories/Select.stories.d.ts +5 -0
- package/dist/web-ui-tailwind.css +32 -0
- package/package.json +1 -1
package/dist/web-ui-tailwind.css
CHANGED
|
@@ -391,6 +391,7 @@
|
|
|
391
391
|
--ui-font-weight-medium: 500;
|
|
392
392
|
--ui-font-weight-semibold: 600;
|
|
393
393
|
--ui-font-weight-bold: 700;
|
|
394
|
+
--ui-font-weight-extrabold: 800;
|
|
394
395
|
--ui-radius-sm: 0.25rem;
|
|
395
396
|
--ui-radius-md: 0.375rem;
|
|
396
397
|
--ui-radius-lg: 0.5rem;
|
|
@@ -1272,6 +1273,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
1272
1273
|
.ui\:mb-4 {
|
|
1273
1274
|
margin-bottom: calc(var(--ui-spacing) * 4);
|
|
1274
1275
|
}
|
|
1276
|
+
.ui\:mb-12 {
|
|
1277
|
+
margin-bottom: 3rem;
|
|
1278
|
+
}
|
|
1275
1279
|
.ui\:mb-f_2xl {
|
|
1276
1280
|
margin-bottom: var(--ui-semantic-spacing-2xl);
|
|
1277
1281
|
}
|
|
@@ -2210,6 +2214,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2210
2214
|
.ui\:appearance-none {
|
|
2211
2215
|
appearance: none;
|
|
2212
2216
|
}
|
|
2217
|
+
.ui\:auto-rows-auto {
|
|
2218
|
+
grid-auto-rows: auto;
|
|
2219
|
+
}
|
|
2213
2220
|
.ui\:grid-cols-1 {
|
|
2214
2221
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2215
2222
|
}
|
|
@@ -2294,6 +2301,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2294
2301
|
.ui\:gap-\(--ui-spacing-xl\) {
|
|
2295
2302
|
gap: var(--ui-spacing-xl);
|
|
2296
2303
|
}
|
|
2304
|
+
.ui\:gap-1 {
|
|
2305
|
+
gap: var(--ui-spacing);
|
|
2306
|
+
}
|
|
2297
2307
|
.ui\:gap-2 {
|
|
2298
2308
|
gap: calc(var(--ui-spacing) * 2);
|
|
2299
2309
|
}
|
|
@@ -2917,6 +2927,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2917
2927
|
.ui\:bg-green-500 {
|
|
2918
2928
|
background-color: var(--ui-color-green-500);
|
|
2919
2929
|
}
|
|
2930
|
+
.ui\:bg-green-700 {
|
|
2931
|
+
background-color: var(--ui-color-green-700);
|
|
2932
|
+
}
|
|
2920
2933
|
.ui\:bg-main-background {
|
|
2921
2934
|
background-color: #f8fafc;
|
|
2922
2935
|
}
|
|
@@ -2968,6 +2981,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2968
2981
|
.ui\:bg-red-500 {
|
|
2969
2982
|
background-color: var(--ui-color-red-500);
|
|
2970
2983
|
}
|
|
2984
|
+
.ui\:bg-red-700 {
|
|
2985
|
+
background-color: var(--ui-color-red-700);
|
|
2986
|
+
}
|
|
2971
2987
|
.ui\:bg-secondary {
|
|
2972
2988
|
background-color: #F3F4F6;
|
|
2973
2989
|
}
|
|
@@ -3117,6 +3133,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
3117
3133
|
.ui\:p-6 {
|
|
3118
3134
|
padding: calc(var(--ui-spacing) * 6);
|
|
3119
3135
|
}
|
|
3136
|
+
.ui\:p-8 {
|
|
3137
|
+
padding: calc(var(--ui-spacing) * 8);
|
|
3138
|
+
}
|
|
3120
3139
|
.ui\:p-f_2xl {
|
|
3121
3140
|
padding: var(--ui-semantic-spacing-2xl);
|
|
3122
3141
|
}
|
|
@@ -3739,6 +3758,10 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
3739
3758
|
--tw-font-weight: var(--ui-font-weight-bold);
|
|
3740
3759
|
font-weight: var(--ui-font-weight-bold);
|
|
3741
3760
|
}
|
|
3761
|
+
.ui\:font-extrabold {
|
|
3762
|
+
--tw-font-weight: var(--ui-font-weight-extrabold);
|
|
3763
|
+
font-weight: var(--ui-font-weight-extrabold);
|
|
3764
|
+
}
|
|
3742
3765
|
.ui\:font-medium {
|
|
3743
3766
|
--tw-font-weight: var(--ui-font-weight-medium);
|
|
3744
3767
|
font-weight: var(--ui-font-weight-medium);
|
|
@@ -4759,6 +4782,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
4759
4782
|
content: var(--tw-content);
|
|
4760
4783
|
background-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%222%22%20viewBox%3D%220%200%2010%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%20-4.37114e-08C9.55228%20-1.95703e-08%2010%200.447715%2010%201C10%201.55228%209.55228%202%209%202L1%202C0.447716%202%20-6.78525e-08%201.55228%20-4.37114e-08%201C-1.95703e-08%200.447715%200.447715%20-4.17544e-07%201%20-3.93402e-07L9%20-4.37114e-08Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
|
|
4761
4784
|
}
|
|
4785
|
+
.ui\:empty\:hidden:empty {
|
|
4786
|
+
display: none;
|
|
4787
|
+
}
|
|
4762
4788
|
.ui\:focus-within\:bg-background-brand-primary-hovered:focus-within {
|
|
4763
4789
|
background-color: var(--ui-primitive-color-brand-500);
|
|
4764
4790
|
}
|
|
@@ -5666,6 +5692,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
5666
5692
|
.ui\:\[\&_thead\>tr\>th\:first-child\]\:z-\[3\] thead > tr > th:first-child {
|
|
5667
5693
|
z-index: 3;
|
|
5668
5694
|
}
|
|
5695
|
+
.ui\:\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
|
|
5696
|
+
appearance: none;
|
|
5697
|
+
}
|
|
5669
5698
|
.ui\:\[\&\:has\(summary\:focus\)\]\:border-blue-500:has(summary:focus) {
|
|
5670
5699
|
border-color: var(--ui-color-blue-500);
|
|
5671
5700
|
}
|
|
@@ -5786,6 +5815,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
5786
5815
|
border-top-style: var(--tw-border-style);
|
|
5787
5816
|
border-top-width: 1px;
|
|
5788
5817
|
}
|
|
5818
|
+
.ui\:\[\&\[type\=search\]\]\:appearance-none[type=search] {
|
|
5819
|
+
appearance: none;
|
|
5820
|
+
}
|
|
5789
5821
|
:root {
|
|
5790
5822
|
interpolate-size: allow-keywords;
|
|
5791
5823
|
}
|