@latitude-ui/widgets 0.0.21 → 0.0.23

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 (74) hide show
  1. package/README.md +7 -7
  2. package/button/README.md +2 -2
  3. package/checkbox/README.md +3 -0
  4. package/fesm2022/latitude-widgets-button.mjs +96 -0
  5. package/fesm2022/latitude-widgets-button.mjs.map +1 -0
  6. package/fesm2022/{latitude-ui-widgets-checkbox.mjs → latitude-widgets-checkbox.mjs} +6 -6
  7. package/fesm2022/latitude-widgets-checkbox.mjs.map +1 -0
  8. package/fesm2022/{latitude-ui-widgets-icons.mjs → latitude-widgets-icon.mjs} +45 -49
  9. package/fesm2022/latitude-widgets-icon.mjs.map +1 -0
  10. package/fesm2022/{latitude-ui-widgets-input.mjs → latitude-widgets-input.mjs} +67 -109
  11. package/fesm2022/latitude-widgets-input.mjs.map +1 -0
  12. package/fesm2022/{latitude-ui-widgets-listbox.mjs → latitude-widgets-listbox.mjs} +25 -30
  13. package/fesm2022/latitude-widgets-listbox.mjs.map +1 -0
  14. package/fesm2022/{latitude-ui-widgets-select.mjs → latitude-widgets-select.mjs} +67 -73
  15. package/fesm2022/latitude-widgets-select.mjs.map +1 -0
  16. package/fesm2022/{latitude-ui-widgets-switch.mjs → latitude-widgets-switch.mjs} +5 -5
  17. package/fesm2022/latitude-widgets-switch.mjs.map +1 -0
  18. package/fesm2022/latitude-widgets-textbox-date.mjs +30 -0
  19. package/fesm2022/latitude-widgets-textbox-date.mjs.map +1 -0
  20. package/fesm2022/{latitude-ui-widgets-textbox-number.mjs → latitude-widgets-textbox-number.mjs} +50 -58
  21. package/fesm2022/latitude-widgets-textbox-number.mjs.map +1 -0
  22. package/fesm2022/{latitude-ui-widgets-textbox.mjs → latitude-widgets-textbox.mjs} +17 -17
  23. package/fesm2022/latitude-widgets-textbox.mjs.map +1 -0
  24. package/fesm2022/{latitude-ui-widgets.mjs → latitude-widgets.mjs} +1 -1
  25. package/fesm2022/latitude-widgets.mjs.map +1 -0
  26. package/icon/README.md +3 -0
  27. package/input/README.md +2 -2
  28. package/listbox/README.md +3 -0
  29. package/package.json +34 -54
  30. package/select/README.md +3 -0
  31. package/switch/README.md +3 -0
  32. package/textbox/README.md +3 -0
  33. package/textbox-date/README.md +3 -0
  34. package/textbox-number/README.md +3 -0
  35. package/types/latitude-widgets-button.d.ts +29 -0
  36. package/{checkbox/index.d.ts → types/latitude-widgets-checkbox.d.ts} +1 -1
  37. package/types/latitude-widgets-icon.d.ts +44 -0
  38. package/{input/index.d.ts → types/latitude-widgets-input.d.ts} +6 -32
  39. package/{listbox/index.d.ts → types/latitude-widgets-listbox.d.ts} +6 -8
  40. package/{select/index.d.ts → types/latitude-widgets-select.d.ts} +2 -4
  41. package/{switch/index.d.ts → types/latitude-widgets-switch.d.ts} +1 -1
  42. package/types/latitude-widgets-textbox-date.d.ts +9 -0
  43. package/{textbox-number/index.d.ts → types/latitude-widgets-textbox-number.d.ts} +11 -8
  44. package/{textbox/index.d.ts → types/latitude-widgets-textbox.d.ts} +6 -6
  45. package/button/index.d.ts +0 -19
  46. package/core/README.md +0 -3
  47. package/core/index.d.ts +0 -39
  48. package/fesm2022/latitude-ui-widgets-button.mjs +0 -51
  49. package/fesm2022/latitude-ui-widgets-button.mjs.map +0 -1
  50. package/fesm2022/latitude-ui-widgets-checkbox.mjs.map +0 -1
  51. package/fesm2022/latitude-ui-widgets-core.mjs +0 -116
  52. package/fesm2022/latitude-ui-widgets-core.mjs.map +0 -1
  53. package/fesm2022/latitude-ui-widgets-icons.mjs.map +0 -1
  54. package/fesm2022/latitude-ui-widgets-input.mjs.map +0 -1
  55. package/fesm2022/latitude-ui-widgets-listbox.mjs.map +0 -1
  56. package/fesm2022/latitude-ui-widgets-select.mjs.map +0 -1
  57. package/fesm2022/latitude-ui-widgets-switch.mjs.map +0 -1
  58. package/fesm2022/latitude-ui-widgets-textbox-number.mjs.map +0 -1
  59. package/fesm2022/latitude-ui-widgets-textbox.mjs.map +0 -1
  60. package/fesm2022/latitude-ui-widgets-toolbar.mjs +0 -20
  61. package/fesm2022/latitude-ui-widgets-toolbar.mjs.map +0 -1
  62. package/fesm2022/latitude-ui-widgets.mjs.map +0 -1
  63. package/icons/index.d.ts +0 -19
  64. package/styles/_colors.scss +0 -99
  65. package/styles/_defaults.scss +0 -135
  66. package/styles/_index.scss +0 -11
  67. package/styles/_typography.scss +0 -37
  68. package/styles/button/_index.scss +0 -199
  69. package/styles/forms/_index.scss +0 -888
  70. package/styles/icons/_index.scss +0 -34
  71. package/styles/list/_index.scss +0 -0
  72. package/styles/listbox/_index.scss +0 -30
  73. package/toolbar/index.d.ts +0 -8
  74. /package/{index.d.ts → types/latitude-widgets.d.ts} +0 -0
package/styles/button/_index.scss DELETED
@@ -1,199 +0,0 @@
1
-
2
- lat-button {
3
- overflow: hidden;
4
- position: relative;
5
-
6
- box-sizing: border-box;
7
-
8
- display: inline-flex;
9
-
10
- gap: 4px;
11
- flex-shrink: 0;
12
-
13
- align-items: center;
14
- justify-content: center;
15
-
16
- margin: 0;
17
- padding: 0;
18
-
19
- outline: none;
20
-
21
- cursor: pointer;
22
- user-select: none;
23
- white-space: nowrap;
24
- vertical-align: top;
25
- text-decoration: none;
26
- touch-action: manipulation;
27
-
28
- border-width: 0;
29
- border-color: transparent;
30
- border-style: solid;
31
- border-radius: 4px;
32
-
33
- font-family: var(--lat-font-family-sans), sans-serif;
34
- font-weight: var(--lat-font-weight-normal);
35
- line-height: normal;
36
-
37
- transition-property: background, border, color, fill, opacity;
38
- transition-duration: 0.2s;
39
-
40
- &[data-size] {
41
- height: var(--lat-button-height);
42
- padding: var(--lat-button-padding);
43
- font-size: var(--lat-button-font-size);
44
- line-height: var(--lat-button-line-height);
45
- }
46
-
47
- &[data-onlyicon="true"] {
48
- width: var(--lat-button-height);
49
- min-width: var(--lat-button-height);
50
- }
51
-
52
- &[data-size="sm"] {
53
- --lat-button-height: 24px;
54
- --lat-button-padding: 0 8px;
55
- --lat-button-font-size: 12px;
56
- --lat-button-line-height: 24px;
57
- }
58
-
59
- &[data-size="md"] {
60
- --lat-button-height: 28px;
61
- --lat-button-padding: 0 8px;
62
- --lat-button-font-size: 12px;
63
- --lat-button-line-height: 28px;
64
- }
65
-
66
- &[data-size="lg"] {
67
- --lat-button-height: 32px;
68
- --lat-button-padding: 0 10px;
69
- --lat-button-font-size: 14px;
70
- --lat-button-line-height: 32px;
71
- }
72
-
73
- &[data-variant="action"] {
74
- fill: #ffffff;
75
- color: #ffffff;
76
- border-width: 1px;
77
- border-style: solid;
78
- border-color: var(--lat-primary-color);
79
- background-color: var(--lat-primary-color);
80
-
81
- &:hover {
82
- fill: #ffffff;
83
- color: #ffffff;
84
- border-color: var(--lat-primary-color-hover);
85
- background-color: var(--lat-primary-color-hover);
86
- }
87
-
88
- &:active {
89
- fill: #ffffff;
90
- color: #ffffff;
91
- border-color: var(--lat-primary-color-active);
92
- background-color: var(--lat-primary-color-active);
93
- }
94
-
95
- &:focus-visible {
96
- }
97
- }
98
-
99
- &[data-variant="default"] {
100
- fill: var(--lat-icon-color);
101
- color: var(--lat-text-color);
102
- border-width: 1px;
103
- border-style: solid;
104
- border-color: var(--lat-outline-color-strong);
105
- background-color: #ffffff;
106
-
107
- &:hover {
108
- fill: var(--lat-icon-hover);
109
- color: var(--lat-text-color);
110
- border-color: var(--lat-outline-color-hover);
111
- background-color: var(--lat-background-color-subtle);
112
- }
113
-
114
- &:active {
115
- fill: var(--lat-icon-hover);
116
- color: var(--lat-text-color);
117
- border-color: var(--lat-outline-color-active);
118
- background-color: var(--lat-background-color-strong);
119
- }
120
-
121
- &:focus-visible {
122
- }
123
- }
124
-
125
- &[data-variant="text"] {
126
- fill: var(--lat-text-color);
127
- color: var(--lat-text-color);
128
- border-color: transparent;
129
- background-color: transparent;
130
-
131
- &:hover {
132
- fill: var(--lat-text-color);
133
- color: var(--lat-text-color);
134
- border-color: var(--lat-background-color-hover);
135
- background-color: var(--lat-background-color-hover);
136
- }
137
-
138
- &:active {
139
- fill: var(--lat-text-color);
140
- color: var(--lat-text-color);
141
- border-color: var(--lat-background-color-active);
142
- background-color: var(--lat-background-color-active);
143
- }
144
-
145
- &:focus-visible {
146
- }
147
- }
148
-
149
- &[data-variant="subtle"] {
150
- fill: var(--lat-text-color-subtle);
151
- color: var(--lat-text-color-subtle);
152
- border-color: transparent;
153
- background-color: transparent;
154
-
155
- &:hover {
156
- fill: var(--lat-text-color);
157
- color: var(--lat-text-color);
158
- border-color: var(--lat-background-color-subtle-hover);
159
- background-color: var(--lat-background-color-subtle-hover);
160
- }
161
-
162
- &:active {
163
- fill: var(--lat-text-color);
164
- color: var(--lat-text-color);
165
- border-color: var(--lat-background-color-subtle-active);
166
- background-color: var(--lat-background-color-subtle-active);
167
- }
168
-
169
- &:focus-visible {
170
- }
171
- }
172
-
173
- &[data-variant="danger"] {
174
-
175
- }
176
-
177
- &[data-variant="success"] {
178
-
179
- }
180
-
181
- &[aria-disabled="true"] {
182
- cursor: not-allowed;
183
-
184
- fill: var(--lat-text-color-disabled);
185
- color: var(--lat-text-color-disabled);
186
- background: #ffffff;
187
- border-color: var(--lat-outline-color);
188
-
189
- &:hover,
190
- &:active,
191
- &:focus-visible {
192
- fill: var(--lat-text-color-disabled);
193
- color: var(--lat-text-color-disabled);
194
- background: #ffffff;
195
- border-color: var(--lat-outline-color);
196
- }
197
- }
198
-
199
- }