@pathscale/ui 1.1.35 → 1.1.36

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 (99) hide show
  1. package/dist/components/breadcrumbs/Breadcrumbs.classes.d.ts +8 -0
  2. package/dist/components/breadcrumbs/Breadcrumbs.classes.js +13 -0
  3. package/dist/components/breadcrumbs/Breadcrumbs.js +8 -3
  4. package/dist/components/button/Button.classes.d.ts +27 -0
  5. package/dist/components/button/Button.classes.js +28 -0
  6. package/dist/components/button/Button.d.ts +4 -3
  7. package/dist/components/button/Button.js +8 -17
  8. package/dist/components/button-group/ButtonGroup.classes.d.ts +15 -0
  9. package/dist/components/button-group/ButtonGroup.classes.js +16 -0
  10. package/dist/components/button-group/ButtonGroup.js +3 -6
  11. package/dist/components/card/Card.classes.d.ts +24 -0
  12. package/dist/components/card/Card.classes.js +25 -0
  13. package/dist/components/card/Card.js +5 -10
  14. package/dist/components/checkbox-group/CheckboxGroup.classes.d.ts +11 -0
  15. package/dist/components/checkbox-group/CheckboxGroup.classes.js +12 -0
  16. package/dist/components/checkbox-group/CheckboxGroup.js +2 -5
  17. package/dist/components/close-button/CloseButton.classes.d.ts +11 -0
  18. package/dist/components/close-button/CloseButton.classes.js +12 -0
  19. package/dist/components/close-button/CloseButton.js +8 -8
  20. package/dist/components/combo-box/ComboBox.classes.d.ts +42 -0
  21. package/dist/components/combo-box/ComboBox.classes.js +43 -0
  22. package/dist/components/combo-box/ComboBox.js +31 -14
  23. package/dist/components/date-field/DateField.classes.d.ts +37 -0
  24. package/dist/components/date-field/DateField.classes.js +38 -0
  25. package/dist/components/date-field/DateField.js +8 -15
  26. package/dist/components/description/Description.classes.d.ts +3 -0
  27. package/dist/components/description/Description.classes.js +4 -0
  28. package/dist/components/description/Description.js +2 -1
  29. package/dist/components/error-message/ErrorMessage.classes.d.ts +3 -0
  30. package/dist/components/error-message/ErrorMessage.classes.js +4 -0
  31. package/dist/components/error-message/ErrorMessage.js +2 -1
  32. package/dist/components/field-error/FieldError.classes.d.ts +3 -0
  33. package/dist/components/field-error/FieldError.classes.js +4 -0
  34. package/dist/components/field-error/FieldError.js +2 -1
  35. package/dist/components/fieldset/Fieldset.classes.d.ts +14 -0
  36. package/dist/components/fieldset/Fieldset.classes.js +15 -0
  37. package/dist/components/fieldset/Fieldset.js +5 -4
  38. package/dist/components/form/Form.classes.d.ts +3 -0
  39. package/dist/components/form/Form.classes.js +4 -0
  40. package/dist/components/form/Form.js +2 -1
  41. package/dist/components/header/Header.classes.d.ts +3 -0
  42. package/dist/components/header/Header.classes.js +4 -0
  43. package/dist/components/header/Header.js +2 -1
  44. package/dist/components/input-group/InputGroup.classes.d.ts +21 -0
  45. package/dist/components/input-group/InputGroup.classes.js +22 -0
  46. package/dist/components/input-group/InputGroup.js +6 -9
  47. package/dist/components/input-otp/InputOTP.classes.d.ts +23 -0
  48. package/dist/components/input-otp/InputOTP.classes.js +24 -0
  49. package/dist/components/input-otp/InputOTP.js +11 -11
  50. package/dist/components/label/Label.classes.d.ts +8 -0
  51. package/dist/components/label/Label.classes.js +9 -0
  52. package/dist/components/label/Label.js +2 -6
  53. package/dist/components/list-box/ListBox.classes.d.ts +23 -0
  54. package/dist/components/list-box/ListBox.classes.js +24 -0
  55. package/dist/components/list-box/ListBox.js +2 -5
  56. package/dist/components/list-box/ListBoxItem.js +3 -6
  57. package/dist/components/list-box/ListBoxSection.js +4 -2
  58. package/dist/components/menu/Menu.classes.d.ts +20 -0
  59. package/dist/components/menu/Menu.classes.js +21 -0
  60. package/dist/components/menu/Menu.js +2 -1
  61. package/dist/components/menu/MenuItem.js +4 -7
  62. package/dist/components/menu/MenuSection.js +4 -2
  63. package/dist/components/navbar/Navbar.classes.d.ts +37 -0
  64. package/dist/components/navbar/Navbar.classes.js +41 -0
  65. package/dist/components/navbar/Navbar.js +2 -1
  66. package/dist/components/navbar/NavbarRow.js +3 -14
  67. package/dist/components/navbar/NavbarSection.js +2 -6
  68. package/dist/components/navbar/NavbarStack.js +2 -5
  69. package/dist/components/number-field/NumberField.classes.d.ts +27 -0
  70. package/dist/components/number-field/NumberField.classes.js +28 -0
  71. package/dist/components/number-field/NumberField.js +6 -9
  72. package/dist/components/search-field/SearchField.classes.d.ts +27 -0
  73. package/dist/components/search-field/SearchField.classes.js +28 -0
  74. package/dist/components/search-field/SearchField.js +6 -9
  75. package/dist/components/separator/Separator.classes.d.ts +12 -0
  76. package/dist/components/separator/Separator.classes.js +13 -0
  77. package/dist/components/separator/Separator.js +2 -10
  78. package/dist/components/surface/Surface.classes.d.ts +9 -0
  79. package/dist/components/surface/Surface.classes.js +10 -0
  80. package/dist/components/surface/Surface.js +2 -7
  81. package/dist/components/tag/Tag.classes.d.ts +20 -0
  82. package/dist/components/tag/Tag.classes.js +21 -0
  83. package/dist/components/tag/Tag.js +6 -12
  84. package/dist/components/tag-group/TagGroup.classes.d.ts +8 -0
  85. package/dist/components/tag-group/TagGroup.classes.js +9 -0
  86. package/dist/components/tag-group/TagGroup.js +3 -2
  87. package/dist/components/text/Text.classes.d.ts +3 -0
  88. package/dist/components/text/Text.classes.js +4 -0
  89. package/dist/components/text/Text.js +2 -1
  90. package/dist/components/text-area/TextArea.classes.d.ts +10 -0
  91. package/dist/components/text-area/TextArea.classes.js +11 -0
  92. package/dist/components/text-area/TextArea.js +2 -5
  93. package/dist/components/text-field/TextField.classes.d.ts +10 -0
  94. package/dist/components/text-field/TextField.classes.js +11 -0
  95. package/dist/components/text-field/TextField.js +2 -5
  96. package/dist/components/time-field/TimeField.classes.d.ts +37 -0
  97. package/dist/components/time-field/TimeField.classes.js +38 -0
  98. package/dist/components/time-field/TimeField.js +8 -15
  99. package/package.json +1 -1
@@ -2,11 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
2
2
  import "./TextField.css";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
4
  import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__ from "./TextField.classes.js";
5
6
  var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
6
- const VARIANT_CLASS_MAP = {
7
- primary: "text-field--primary",
8
- secondary: "text-field--secondary"
9
- };
10
7
  const TextFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
11
8
  const TextFieldRoot = (props)=>{
12
9
  const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -47,7 +44,7 @@ const TextFieldRoot = (props)=>{
47
44
  var _el$ = _tmpl$();
48
45
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
49
46
  get ["class"] () {
50
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "text-field--full-width", local.class, local.className);
47
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.flag.fullWidth, local.class, local.className);
51
48
  },
52
49
  "data-slot": "textfield",
53
50
  get ["data-invalid"] () {
@@ -0,0 +1,37 @@
1
+ export declare const CLASSES: {
2
+ readonly Root: {
3
+ readonly base: "time-field";
4
+ readonly variant: {
5
+ readonly primary: "time-field--primary";
6
+ readonly secondary: "time-field--secondary";
7
+ };
8
+ readonly flag: {
9
+ readonly fullWidth: "time-field--full-width";
10
+ };
11
+ };
12
+ readonly Group: {
13
+ readonly base: "date-input-group";
14
+ readonly variant: {
15
+ readonly primary: "date-input-group--primary";
16
+ readonly secondary: "date-input-group--secondary";
17
+ };
18
+ readonly flag: {
19
+ readonly fullWidth: "date-input-group--full-width";
20
+ };
21
+ };
22
+ readonly Input: {
23
+ readonly base: "date-input-group__input";
24
+ };
25
+ readonly InputContainer: {
26
+ readonly base: "date-input-group__input-container";
27
+ };
28
+ readonly Segment: {
29
+ readonly base: "date-input-group__segment";
30
+ };
31
+ readonly Prefix: {
32
+ readonly base: "date-input-group__prefix";
33
+ };
34
+ readonly Suffix: {
35
+ readonly base: "date-input-group__suffix";
36
+ };
37
+ };
@@ -0,0 +1,38 @@
1
+ const CLASSES = {
2
+ Root: {
3
+ base: "time-field",
4
+ variant: {
5
+ primary: "time-field--primary",
6
+ secondary: "time-field--secondary"
7
+ },
8
+ flag: {
9
+ fullWidth: "time-field--full-width"
10
+ }
11
+ },
12
+ Group: {
13
+ base: "date-input-group",
14
+ variant: {
15
+ primary: "date-input-group--primary",
16
+ secondary: "date-input-group--secondary"
17
+ },
18
+ flag: {
19
+ fullWidth: "date-input-group--full-width"
20
+ }
21
+ },
22
+ Input: {
23
+ base: "date-input-group__input"
24
+ },
25
+ InputContainer: {
26
+ base: "date-input-group__input-container"
27
+ },
28
+ Segment: {
29
+ base: "date-input-group__segment"
30
+ },
31
+ Prefix: {
32
+ base: "date-input-group__prefix"
33
+ },
34
+ Suffix: {
35
+ base: "date-input-group__suffix"
36
+ }
37
+ };
38
+ export { CLASSES };
@@ -2,15 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
2
2
  import "./TimeField.css";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
4
  import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__ from "./TimeField.classes.js";
5
6
  var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
6
- const VARIANT_CLASS_MAP = {
7
- primary: "time-field--primary",
8
- secondary: "time-field--secondary"
9
- };
10
- const GROUP_VARIANT_CLASS_MAP = {
11
- primary: "date-input-group--primary",
12
- secondary: "date-input-group--secondary"
13
- };
14
7
  const TimeFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
15
8
  const invokeEventHandler = (handler, event)=>{
16
9
  if ("function" == typeof handler) return void handler(event);
@@ -71,7 +64,7 @@ const TimeFieldRoot = (props)=>{
71
64
  var _el$ = _tmpl$();
72
65
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
73
66
  get ["class"] () {
74
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("time-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "time-field--full-width", local.class, local.className);
67
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.flag.fullWidth, local.class, local.className);
75
68
  },
76
69
  "data-slot": "time-field",
77
70
  get ["data-invalid"] () {
@@ -127,7 +120,7 @@ const TimeFieldGroup = (props)=>{
127
120
  var _el$2 = _tmpl$();
128
121
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
129
122
  get ["class"] () {
130
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group", GROUP_VARIANT_CLASS_MAP[context?.variant() ?? "primary"], context?.fullWidth() && "date-input-group--full-width", local.class, local.className);
123
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Group.flag.fullWidth, local.class, local.className);
131
124
  },
132
125
  "data-slot": "date-input-group",
133
126
  get ["data-invalid"] () {
@@ -175,7 +168,7 @@ const TimeFieldInput = (props)=>{
175
168
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
176
169
  type: "time",
177
170
  get ["class"] () {
178
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__input", local.class, local.className);
171
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Input.base, local.class, local.className);
179
172
  },
180
173
  "data-slot": "date-input-group-input",
181
174
  get ["data-theme"] () {
@@ -220,7 +213,7 @@ const TimeFieldInputContainer = (props)=>{
220
213
  var _el$4 = _tmpl$();
221
214
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
222
215
  get ["class"] () {
223
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__input-container", local.class, local.className);
216
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.InputContainer.base, local.class, local.className);
224
217
  },
225
218
  "data-slot": "date-input-group-input-container",
226
219
  get ["data-theme"] () {
@@ -247,7 +240,7 @@ const TimeFieldSegment = (props)=>{
247
240
  var _el$5 = _tmpl$3();
248
241
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
249
242
  get ["class"] () {
250
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__segment", local.class, local.className);
243
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Segment.base, local.class, local.className);
251
244
  },
252
245
  "data-slot": "date-input-group-segment",
253
246
  get ["data-type"] () {
@@ -288,7 +281,7 @@ const TimeFieldPrefix = (props)=>{
288
281
  var _el$6 = _tmpl$();
289
282
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
290
283
  get ["class"] () {
291
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__prefix", local.class, local.className);
284
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Prefix.base, local.class, local.className);
292
285
  },
293
286
  "data-slot": "date-input-group-prefix",
294
287
  get ["data-theme"] () {
@@ -314,7 +307,7 @@ const TimeFieldSuffix = (props)=>{
314
307
  var _el$7 = _tmpl$();
315
308
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
316
309
  get ["class"] () {
317
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__suffix", local.class, local.className);
310
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Suffix.base, local.class, local.className);
318
311
  },
319
312
  "data-slot": "date-input-group-suffix",
320
313
  get ["data-theme"] () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "1.1.35",
3
+ "version": "1.1.36",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",