@midas-ds/components 3.1.0 → 5.0.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.
Files changed (47) hide show
  1. package/CHANGELOG.md +90 -0
  2. package/accordion/Accordion.d.ts +1 -0
  3. package/button/Button.d.ts +1 -0
  4. package/calendar/Calendar.d.ts +6 -0
  5. package/calendar/RangeCalendar.d.ts +6 -0
  6. package/calendar/index.d.ts +2 -0
  7. package/card/Card.d.ts +1 -0
  8. package/date-field/DateField.d.ts +8 -0
  9. package/date-field/index.d.ts +1 -0
  10. package/global.css +1 -1
  11. package/heading/Heading.d.ts +14 -0
  12. package/heading/index.d.ts +1 -0
  13. package/index.cjs +33 -28
  14. package/index.css +1 -1
  15. package/index.d.ts +6 -1
  16. package/index.js +8790 -8769
  17. package/label/Label.d.ts +10 -0
  18. package/label/index.d.ts +1 -0
  19. package/logo/Logo.d.ts +0 -2
  20. package/modal/Dialog.d.ts +18 -0
  21. package/modal/index.d.ts +1 -1
  22. package/package.json +1 -1
  23. package/progress-bar/ProgressBar.d.ts +19 -0
  24. package/progress-bar/index.d.ts +1 -0
  25. package/select/HiddenMultiSelect.d.ts +47 -0
  26. package/select/Select.d.ts +73 -10
  27. package/select/SelectListBox.d.ts +9 -0
  28. package/select/SelectPopover.d.ts +10 -0
  29. package/select/useMultiSelect.d.ts +21 -0
  30. package/select/useMultiSelectListState.d.ts +15 -0
  31. package/select/useMultiSelectState.d.ts +25 -0
  32. package/table/Table.d.ts +1 -0
  33. package/text/Text.d.ts +14 -0
  34. package/text/index.d.ts +1 -0
  35. package/textfield/TextField.d.ts +1 -0
  36. package/theme/index.d.ts +163 -102
  37. package/theme/tokens.d.ts +163 -102
  38. package/theme.cjs +1 -1
  39. package/theme.js +11 -18
  40. package/tokens-Ce2Sj8HD.js +240 -0
  41. package/tokens-DZsQgihc.cjs +1 -0
  42. package/utils/useObserveElement.d.ts +4 -0
  43. package/modal/Modal.d.ts +0 -13
  44. package/multi-select/MultiSelect.d.ts +0 -28
  45. package/multi-select/index.d.ts +0 -1
  46. package/tokens-BskyMDHv.cjs +0 -1
  47. package/tokens-CjXmpXTi.js +0 -160
@@ -1,160 +0,0 @@
1
- const e = {
2
- white: "#ffffff",
3
- black: "#000000",
4
- gray10: "#f2f2f2",
5
- gray20: "#e6e6e6",
6
- gray30: "#d9d9d9",
7
- gray40: "#cccccc",
8
- gray50: "#bfbfbf",
9
- gray60: "#b3b3b3",
10
- gray70: "#a6a6a6",
11
- gray80: "#999999",
12
- gray90: "#8c8c8c",
13
- gray100: "#808080",
14
- gray130: "#5d5d5d",
15
- gray150: "#1f1f1f",
16
- red10: "#f7e9e7",
17
- red20: "#f1d4d1",
18
- red30: "#e9beba",
19
- red40: "#e2a8a4",
20
- red50: "#d9918e",
21
- red60: "#d37a7a",
22
- red70: "#cc6467",
23
- red80: "#c54c56",
24
- red90: "#be3345",
25
- red100: "#b90835",
26
- red130: "#8b1327",
27
- red150: "#641018",
28
- blue10: "#eaf2f6",
29
- blue20: "#d5e5ed",
30
- blue30: "#c0d7e4",
31
- blue40: "#abcbdb",
32
- blue50: "#94bcd1",
33
- blue60: "#82b0c9",
34
- blue70: "#6ca3c0",
35
- blue80: "#5897b8",
36
- blue90: "#4289ad",
37
- blue100: "#2e7ca5",
38
- blue130: "#25607f",
39
- blue150: "#143c50"
40
- }, a = {
41
- outline: "#303030",
42
- primaryBackground: e.blue150,
43
- primaryText: "#303030",
44
- primaryHover: e.blue130,
45
- primaryFocus: e.black,
46
- primaryActive: "#4289ae",
47
- secondaryBackground: e.gray130,
48
- secondaryText: e.white,
49
- secondaryHover: "#303030",
50
- secondaryActive: "#303030"
51
- }, o = {
52
- inputText: e.gray150
53
- }, r = {
54
- signalGreen10: "#d5f2d9",
55
- signalGreen100: "#008d3c",
56
- signalBlue10: e.blue10,
57
- signalBlue100: "#0066cc",
58
- signalYellow10: "#fff8e1",
59
- signalYellow100: "#f1c21b",
60
- signalRed10: "#ffdfdf",
61
- signalRed100: "#e62323",
62
- signalRed130: "#b31b1b",
63
- signalRed150: "#801313"
64
- }, i = {
65
- sRadius: " 0.125rem",
66
- // 2px
67
- mRadius: " 0.25rem"
68
- // 4px
69
- }, d = {
70
- xsWidth: " 0.0625rem",
71
- // 1px
72
- sWidth: " 0.125rem",
73
- // 2px
74
- mWidth: " 0.25rem"
75
- // 4px
76
- }, s = {
77
- lightWeight: "300",
78
- regularWeight: "400",
79
- mediumWeight: "500",
80
- semiBoldWeight: "600",
81
- boldWeight: "700",
82
- blackWeight: "900"
83
- }, t = {
84
- desktopSize: "1rem",
85
- mobileSize: "1rem",
86
- largeSize: "1.5rem",
87
- inputNormalSize: "0.875rem",
88
- inputMessageSize: "0.75rem",
89
- inputLabelSize: "1rem",
90
- inputDescriptionSize: "0.875rem"
91
- }, n = {
92
- logoPrimary: e.red100,
93
- logoSecondary: e.white,
94
- textPrimary: e.gray150,
95
- textSecondary: e.white,
96
- textTertiary: e.red100,
97
- link: e.blue130,
98
- linkVisited: "#663366",
99
- backgroundPrimary: e.white,
100
- backgroundSecondary: e.gray10,
101
- backgroundFooter1: e.red100,
102
- backgroundFooter2: e.red130,
103
- backgroundInfo: e.blue10,
104
- backgroundImportant: r.signalYellow10,
105
- borderPrimary: e.black,
106
- borderSecondary: e.gray60,
107
- borderFocusOuter: e.black,
108
- borderFocusInner: e.white,
109
- iconPrimary: e.black,
110
- iconInverted: e.white
111
- }, c = {
112
- slowTransition: "500ms",
113
- normalTransition: "300ms",
114
- fastTransition: "250ms"
115
- }, l = {
116
- smBreakpoint: "(max-width: 767px)",
117
- mdBreakpoint: "(min-width: 768px)",
118
- lgBreakpoint: "(min-width: 1200px)",
119
- xlBreakpoint: "(min-width: 1440px)"
120
- }, b = {
121
- forcedColorsMode: "(forced-colors: active)",
122
- prefersReducedMotion: "(prefers-reduced-motion: reduced)"
123
- }, g = {
124
- display: '"Inter", sans-serif'
125
- }, u = {
126
- focus: "0 0 0 2px white, 0 0 0 4px black"
127
- }, m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
128
- __proto__: null,
129
- accessibility: b,
130
- baseColors: e,
131
- borderRadius: i,
132
- borderWidths: d,
133
- boxShadow: u,
134
- breakpoints: l,
135
- buttonColors: a,
136
- font: g,
137
- fontSizes: t,
138
- fontWeights: s,
139
- inputColor: o,
140
- midasColors: n,
141
- midasTransitions: c,
142
- signalColors: r
143
- }, Symbol.toStringTag, { value: "Module" }));
144
- export {
145
- a,
146
- e as b,
147
- i as c,
148
- d,
149
- t as e,
150
- s as f,
151
- c as g,
152
- l as h,
153
- o as i,
154
- b as j,
155
- g as k,
156
- u as l,
157
- n as m,
158
- r as s,
159
- m as t
160
- };