@loword/loword-design-system 0.0.7 → 0.0.9

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 (126) hide show
  1. package/dist/components/Icon/LucideIcon.d.ts +2 -1
  2. package/dist/components/Icon/LucideIcon.d.ts.map +1 -1
  3. package/dist/components/Icon/LucideIcon.js +2 -2
  4. package/dist/components/LDAutoComplete/AutoCompleteBase.js +1 -1
  5. package/dist/components/LDBreadCrumb/LDBreadCrumb.js +7 -7
  6. package/dist/components/LDButton/LDButton.d.ts +1 -0
  7. package/dist/components/LDButton/LDButton.d.ts.map +1 -1
  8. package/dist/components/LDButton/LDButton.js +3 -3
  9. package/dist/components/LDCarousel/CarouselBase.d.ts +6 -2
  10. package/dist/components/LDCarousel/CarouselBase.d.ts.map +1 -1
  11. package/dist/components/LDCarousel/CarouselBase.js +11 -5
  12. package/dist/components/LDCarousel/LDCarousel.d.ts +9 -2
  13. package/dist/components/LDCarousel/LDCarousel.d.ts.map +1 -1
  14. package/dist/components/LDCarousel/LDCarousel.js +3 -2
  15. package/dist/components/LDCheckbox/FormCheckbox.js +2 -2
  16. package/dist/components/LDCheckbox/FormCheckboxGroup.js +2 -2
  17. package/dist/components/LDCheckbox/LDCheckbox.d.ts.map +1 -1
  18. package/dist/components/LDCheckbox/LDCheckbox.js +7 -1
  19. package/dist/components/LDDatePicker/FormDatePicker.js +2 -2
  20. package/dist/components/LDDatePicker/LDDatePicker.d.ts.map +1 -1
  21. package/dist/components/LDDatePicker/LDDatePicker.js +1 -3
  22. package/dist/components/LDDateRangePicker/FormDateRangePicker.js +2 -2
  23. package/dist/components/LDDateRangePicker/LDDateRangePicker.js +8 -8
  24. package/dist/components/LDFileUpload/FileUploadBase.d.ts +6 -3
  25. package/dist/components/LDFileUpload/FileUploadBase.d.ts.map +1 -1
  26. package/dist/components/LDFileUpload/FileUploadBase.js +28 -11
  27. package/dist/components/LDFileUpload/LDFileUpload.d.ts +2 -0
  28. package/dist/components/LDFileUpload/LDFileUpload.d.ts.map +1 -1
  29. package/dist/components/LDFileUpload/LDFileUpload.js +1 -1
  30. package/dist/components/LDFileUpload/LDFileUploadList.d.ts +2 -0
  31. package/dist/components/LDFileUpload/LDFileUploadList.d.ts.map +1 -1
  32. package/dist/components/LDFileUpload/LDFileUploadList.js +1 -1
  33. package/dist/components/LDFileUpload/LDImageUpload.d.ts +2 -0
  34. package/dist/components/LDFileUpload/LDImageUpload.d.ts.map +1 -1
  35. package/dist/components/LDFileUpload/LDImageUpload.js +1 -1
  36. package/dist/components/LDFileUpload/LDImageUploadList.d.ts +2 -0
  37. package/dist/components/LDFileUpload/LDImageUploadList.d.ts.map +1 -1
  38. package/dist/components/LDFileUpload/LDImageUploadList.js +1 -1
  39. package/dist/components/LDForm/LDForm.d.ts +21 -0
  40. package/dist/components/LDForm/LDForm.d.ts.map +1 -0
  41. package/dist/components/{Form/Form.js → LDForm/LDForm.js} +3 -3
  42. package/dist/components/LDForm/LDFormErrorMessage.d.ts +9 -0
  43. package/dist/components/LDForm/LDFormErrorMessage.d.ts.map +1 -0
  44. package/dist/components/LDForm/LDFormErrorMessage.js +17 -0
  45. package/dist/components/{Form/FormField.d.ts → LDForm/LDFormField.d.ts} +6 -6
  46. package/dist/components/LDForm/LDFormField.d.ts.map +1 -0
  47. package/dist/components/{Form/FormField.js → LDForm/LDFormField.js} +2 -2
  48. package/dist/components/LDInput/LDFormInput.d.ts +15 -0
  49. package/dist/components/LDInput/LDFormInput.d.ts.map +1 -0
  50. package/dist/components/LDInput/{FormInput.js → LDFormInput.js} +12 -7
  51. package/dist/components/LDInput/LDInput.d.ts.map +1 -1
  52. package/dist/components/LDInput/LDInput.js +21 -13
  53. package/dist/components/LDPagination/PaginationBase.d.ts.map +1 -1
  54. package/dist/components/LDPagination/PaginationBase.js +7 -7
  55. package/dist/components/LDPopover/LDPopover.js +3 -3
  56. package/dist/components/LDPopover/PopoverBase.js +1 -1
  57. package/dist/components/LDRadio/FormRadioGroup.js +2 -2
  58. package/dist/components/LDRadio/LDRadio.d.ts.map +1 -1
  59. package/dist/components/LDRadio/LDRadio.js +3 -5
  60. package/dist/components/LDRadio/RadioBase.d.ts.map +1 -1
  61. package/dist/components/LDRadio/RadioBase.js +1 -3
  62. package/dist/components/LDSelect/FormMultiSelect.js +2 -2
  63. package/dist/components/LDSelect/FormSelect.js +2 -2
  64. package/dist/components/LDSelect/LDMultiSelect.js +3 -3
  65. package/dist/components/LDSelect/LDSelect.js +1 -1
  66. package/dist/components/LDTable/LDCollapsibleTanstackTable.d.ts +26 -0
  67. package/dist/components/LDTable/LDCollapsibleTanstackTable.d.ts.map +1 -0
  68. package/dist/components/LDTable/LDCollapsibleTanstackTable.js +38 -0
  69. package/dist/components/LDTable/LDTable.d.ts +5 -1
  70. package/dist/components/LDTable/LDTable.d.ts.map +1 -1
  71. package/dist/components/LDTable/LDTable.js +13 -17
  72. package/dist/components/LDTable/LDTanstackTable.d.ts +15 -13
  73. package/dist/components/LDTable/LDTanstackTable.d.ts.map +1 -1
  74. package/dist/components/LDTable/LDTanstackTable.js +21 -23
  75. package/dist/components/LDTable/TableField.d.ts +17 -5
  76. package/dist/components/LDTable/TableField.d.ts.map +1 -1
  77. package/dist/components/LDTable/TableField.js +16 -6
  78. package/dist/components/LDTeamHistory/LDTeamHistory.d.ts +12 -0
  79. package/dist/components/LDTeamHistory/LDTeamHistory.d.ts.map +1 -0
  80. package/dist/components/LDTeamHistory/LDTeamHistory.js +14 -0
  81. package/dist/components/{LDAnchor/AnchorBase.d.ts → LDTeamHistory/TeamHistoryBase.d.ts} +12 -6
  82. package/dist/components/LDTeamHistory/TeamHistoryBase.d.ts.map +1 -0
  83. package/dist/components/LDTeamHistory/TeamHistoryBase.js +108 -0
  84. package/dist/components/LDTextarea/FormTextarea.d.ts +14 -0
  85. package/dist/components/LDTextarea/FormTextarea.d.ts.map +1 -0
  86. package/dist/components/LDTextarea/FormTextarea.js +10 -0
  87. package/dist/components/LDTextarea/LDTextarea.d.ts +26 -0
  88. package/dist/components/LDTextarea/LDTextarea.d.ts.map +1 -0
  89. package/dist/components/LDTextarea/LDTextarea.js +163 -0
  90. package/dist/components/LDTimePicker/FormTimePicker.js +2 -2
  91. package/dist/components/LDTimePicker/LDTimePicker.js +4 -4
  92. package/dist/components/LDToggleButton/FormToggleButton.js +2 -2
  93. package/dist/components/LDTooltip/TooltipBase.js +1 -1
  94. package/dist/index.css +914 -684
  95. package/dist/index.d.ts +8 -5
  96. package/dist/index.d.ts.map +1 -1
  97. package/dist/index.js +10 -6
  98. package/dist/utils/renderIcon.d.ts +1 -1
  99. package/package.json +23 -21
  100. package/src/styles/carousel.css +54 -7
  101. package/src/styles/components/auto-complete.css +66 -64
  102. package/src/styles/components/badge.css +29 -27
  103. package/src/styles/components/bread-crumb.css +49 -17
  104. package/src/styles/components/button.css +146 -144
  105. package/src/styles/components/icon.css +25 -23
  106. package/src/styles/components/index.css +1 -0
  107. package/src/styles/components/input.css +43 -41
  108. package/src/styles/components/modal.css +14 -12
  109. package/src/styles/components/shared.css +2 -2
  110. package/src/styles/components/spinner.css +25 -23
  111. package/src/styles/components/team-history.css +10 -0
  112. package/src/styles/focus.css +1 -1
  113. package/src/styles/slider.css +58 -54
  114. package/dist/components/Form/Form.d.ts +0 -21
  115. package/dist/components/Form/Form.d.ts.map +0 -1
  116. package/dist/components/Form/FormErrorMessage.d.ts +0 -9
  117. package/dist/components/Form/FormErrorMessage.d.ts.map +0 -1
  118. package/dist/components/Form/FormErrorMessage.js +0 -6
  119. package/dist/components/Form/FormField.d.ts.map +0 -1
  120. package/dist/components/LDAnchor/AnchorBase.d.ts.map +0 -1
  121. package/dist/components/LDAnchor/AnchorBase.js +0 -69
  122. package/dist/components/LDAnchor/LDAnchor.d.ts +0 -10
  123. package/dist/components/LDAnchor/LDAnchor.d.ts.map +0 -1
  124. package/dist/components/LDAnchor/LDAnchor.js +0 -14
  125. package/dist/components/LDInput/FormInput.d.ts +0 -15
  126. package/dist/components/LDInput/FormInput.d.ts.map +0 -1
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export { default as LDAnchor, type LDAnchorProps, } from './components/LDAnchor/LDAnchor.js';
2
1
  export { default as LDAutoComplete, type LDAutoCompleteProps, } from './components/LDAutoComplete/LDAutoComplete.js';
3
2
  export { default as LDAvatar } from './components/LDAvatar/LDAvatar.js';
4
3
  export { default as LDBadge } from './components/LDBadge/LDBadge.js';
@@ -25,12 +24,12 @@ export { default as LDImageUpload } from './components/LDFileUpload/LDImageUploa
25
24
  export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
26
25
  export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
27
26
  export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
28
- export { Form, NativeForm } from './components/Form/Form.js';
29
- export { default as FormField } from './components/Form/FormField.js';
30
- export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
27
+ export { LDForm, LDNativeForm } from './components/LDForm/LDForm.js';
28
+ export { default as LDFormField } from './components/LDForm/LDFormField.js';
29
+ export { default as LDFormErrorMessage } from './components/LDForm/LDFormErrorMessage.js';
31
30
  export { default as LucideIcon } from './components/Icon/LucideIcon.js';
32
31
  export { default as LDInput, type LDInputProps, type InputSize, } from './components/LDInput/LDInput.js';
33
- export { default as FormInput } from './components/LDInput/FormInput.js';
32
+ export { default as LDFormInput } from './components/LDInput/LDFormInput.js';
34
33
  export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
35
34
  export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';
36
35
  export { default as LDMenuBar } from './components/LDMenuBar/LDMenuBar.js';
@@ -52,7 +51,11 @@ export { default as LDSlider, type LDSliderProps, } from './components/LDSlider/
52
51
  export { default as LDSpinner } from './components/LDSpinner/LDSpinner.js';
53
52
  export { default as LDTable } from './components/LDTable/LDTable.js';
54
53
  export { default as LDTanstackTable } from './components/LDTable/LDTanstackTable.js';
54
+ export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
55
55
  export { default as TableField } from './components/LDTable/TableField.js';
56
+ export { default as LDTeamHistory, type LDTeamHistoryProps, } from './components/LDTeamHistory/LDTeamHistory.js';
57
+ export { default as LDTextarea, TextareaContent, type LDTextareaProps, type TextareaContentProps, type TextareaSize, } from './components/LDTextarea/LDTextarea.js';
58
+ export { default as FormTextarea } from './components/LDTextarea/FormTextarea.js';
56
59
  export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
57
60
  export { default as FormTimePicker } from './components/LDTimePicker/FormTimePicker.js';
58
61
  export { default as LDToast } from './components/LDToast/LDToast.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  // 패키지 공개 진입점 — `import { LDButton } from '@loword/loword-design-system'`
2
2
  // 개별 경로 import도 계속 지원: `import LDButton from '@loword/loword-design-system/components/LDButton/LDButton'`
3
- // LDAnchor
4
- export { default as LDAnchor, } from './components/LDAnchor/LDAnchor.js';
5
3
  // LDAutoComplete
6
4
  export { default as LDAutoComplete, } from './components/LDAutoComplete/LDAutoComplete.js';
7
5
  // LDAvatar
@@ -45,14 +43,14 @@ export { default as LDImageUploadList } from './components/LDFileUpload/LDImageU
45
43
  export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
46
44
  export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
47
45
  // Form
48
- export { Form, NativeForm } from './components/Form/Form.js';
49
- export { default as FormField } from './components/Form/FormField.js';
50
- export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
46
+ export { LDForm, LDNativeForm } from './components/LDForm/LDForm.js';
47
+ export { default as LDFormField } from './components/LDForm/LDFormField.js';
48
+ export { default as LDFormErrorMessage } from './components/LDForm/LDFormErrorMessage.js';
51
49
  // Icon
52
50
  export { default as LucideIcon } from './components/Icon/LucideIcon.js';
53
51
  // LDInput
54
52
  export { default as LDInput, } from './components/LDInput/LDInput.js';
55
- export { default as FormInput } from './components/LDInput/FormInput.js';
53
+ export { default as LDFormInput } from './components/LDInput/LDFormInput.js';
56
54
  // LDLNB (Base 레이어만 제공)
57
55
  export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
58
56
  // LDLoadingDots
@@ -88,7 +86,13 @@ export { default as LDSpinner } from './components/LDSpinner/LDSpinner.js';
88
86
  // LDTable
89
87
  export { default as LDTable } from './components/LDTable/LDTable.js';
90
88
  export { default as LDTanstackTable } from './components/LDTable/LDTanstackTable.js';
89
+ export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
91
90
  export { default as TableField } from './components/LDTable/TableField.js';
91
+ // LDTeamHistory
92
+ export { default as LDTeamHistory, } from './components/LDTeamHistory/LDTeamHistory.js';
93
+ // LDTextarea
94
+ export { default as LDTextarea, TextareaContent, } from './components/LDTextarea/LDTextarea.js';
95
+ export { default as FormTextarea } from './components/LDTextarea/FormTextarea.js';
92
96
  // LDTimePicker
93
97
  export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
94
98
  export { default as FormTimePicker } from './components/LDTimePicker/FormTimePicker.js';
@@ -1,4 +1,4 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { type IconName } from '../components/Icon/LucideIcon.js';
3
- export declare const renderIcon: (icon: IconName | ReactNode, className: string, hiddenClassName?: string | false) => number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
3
+ export declare const renderIcon: (icon: IconName | ReactNode, className: string, hiddenClassName?: string | false) => number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
4
4
  //# sourceMappingURL=renderIcon.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loword/loword-design-system",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
5
5
  "keywords": [
6
6
  "react",
@@ -71,9 +71,6 @@
71
71
  "endOfLine": "auto"
72
72
  },
73
73
  "peerDependencies": {
74
- "react": "^19",
75
- "react-dom": "^19",
76
- "next": "^15",
77
74
  "@radix-ui/react-dialog": "^1.1.15",
78
75
  "@radix-ui/react-popover": "^1.1.15",
79
76
  "@radix-ui/react-select": "^2.1.6",
@@ -96,7 +93,10 @@
96
93
  "embla-carousel-auto-scroll": "^8.6.0",
97
94
  "embla-carousel-autoplay": "^8.6.0",
98
95
  "embla-carousel-react": "^8.6.0",
96
+ "next": "^15",
97
+ "react": "^19",
99
98
  "react-day-picker": "^9.11.1",
99
+ "react-dom": "^19",
100
100
  "react-hot-toast": "^2.6.0",
101
101
  "vaul": "^1.1.2"
102
102
  },
@@ -186,7 +186,16 @@
186
186
  "@radix-ui/react-popover": "^1.1.15",
187
187
  "@radix-ui/react-select": "^2.1.6",
188
188
  "@radix-ui/react-tooltip": "^1.2.8",
189
+ "@storybook/addon-a11y": "^8.6.18",
190
+ "@storybook/addon-essentials": "^8.6.18",
191
+ "@storybook/blocks": "^8.6.14",
192
+ "@storybook/manager-api": "^8.6.14",
193
+ "@storybook/react": "8.6.18",
194
+ "@storybook/react-vite": "^8.6.18",
195
+ "@storybook/theming": "^8.6.14",
196
+ "@tailwindcss/cli": "^4.1.5",
189
197
  "@tailwindcss/typography": "^0.5.20",
198
+ "@tailwindcss/vite": "^4.2.2",
190
199
  "@tanstack/react-table": "^8.21.3",
191
200
  "@tiptap/core": "^3.26.0",
192
201
  "@tiptap/extension-code-block": "^3.26.0",
@@ -200,38 +209,31 @@
200
209
  "@tiptap/pm": "^3.26.0",
201
210
  "@tiptap/react": "^3.26.0",
202
211
  "@tiptap/starter-kit": "^3.26.0",
212
+ "@types/node": "^25.5.0",
213
+ "@types/react": "^19.1.0",
214
+ "@types/react-dom": "19.1.1",
203
215
  "dayjs": "^1.11.13",
204
216
  "embla-carousel": "^8.6.0",
205
217
  "embla-carousel-auto-scroll": "^8.6.0",
206
218
  "embla-carousel-autoplay": "^8.6.0",
207
219
  "embla-carousel-react": "^8.6.0",
208
- "react-day-picker": "^9.11.1",
209
- "react-hot-toast": "^2.6.0",
210
- "vaul": "^1.1.2",
211
- "@storybook/addon-a11y": "^8.6.18",
212
- "@storybook/addon-essentials": "^8.6.18",
213
- "@storybook/blocks": "^8.6.14",
214
- "@storybook/manager-api": "^8.6.14",
215
- "@storybook/react": "8.6.18",
216
- "@storybook/react-vite": "^8.6.18",
217
- "@storybook/theming": "^8.6.14",
218
- "@tailwindcss/cli": "^4.1.5",
219
- "@tailwindcss/vite": "^4.2.2",
220
- "@types/node": "^25.5.0",
221
- "@types/react": "^19.1.0",
222
- "@types/react-dom": "19.1.1",
223
220
  "eslint": "^9.31.0",
224
221
  "eslint-config-prettier": "^10.1.1",
225
222
  "eslint-plugin-prettier": "^5.2.1",
226
223
  "eslint-plugin-react": "^7.37.4",
227
224
  "eslint-plugin-react-hooks": "^5.2.0",
228
225
  "globals": "^16.3.0",
229
- "next": "15.4.8",
226
+ "next": "15.5.18",
227
+ "react": "19.1.7",
228
+ "react-day-picker": "^9.11.1",
229
+ "react-dom": "19.1.7",
230
+ "react-hot-toast": "^2.6.0",
230
231
  "storybook": "8.6.18",
231
232
  "tailwindcss": "^4.1.5",
232
233
  "tsc-alias": "^1.8.16",
233
234
  "typescript": "5.8.2",
234
- "typescript-eslint": "^8.37.0"
235
+ "typescript-eslint": "^8.37.0",
236
+ "vaul": "^1.1.2"
235
237
  },
236
238
  "dependencies": {
237
239
  "clsx": "^2.1.1",
@@ -1,9 +1,56 @@
1
- .ld-carousel__viewport {
2
- overflow: hidden;
3
- }
1
+ @layer components {
2
+ .ld-carousel__viewport {
3
+ overflow: hidden;
4
+ }
5
+
6
+ .ld-carousel__viewport > * {
7
+ height: 100%;
8
+ }
9
+
10
+ .ld-carousel__nav {
11
+ position: absolute;
12
+ top: 50%;
13
+ transform: translateY(-50%);
14
+ display: flex;
15
+ align-items: center;
16
+ justify-content: center;
17
+ padding: 0;
18
+ background: transparent;
19
+ color: var(--color-lb500);
20
+ z-index: 10;
21
+ cursor: pointer;
22
+ transition: color 300ms ease-out;
23
+ }
24
+
25
+ .ld-carousel__nav:hover {
26
+ color: var(--color-lb700);
27
+ }
28
+
29
+ .ld-carousel__nav:disabled {
30
+ opacity: 0.4;
31
+ cursor: not-allowed;
32
+ }
33
+
34
+ .ld-carousel__nav:first-child {
35
+ left: 0;
36
+ }
37
+
38
+ .ld-carousel__nav:last-child {
39
+ right: 0;
40
+ }
41
+
42
+ .ld-carousel__nav--vertical {
43
+ top: auto;
44
+ bottom: auto;
45
+ left: 0;
46
+ right: 0;
47
+ }
48
+
49
+ .ld-carousel__nav--vertical:first-child {
50
+ top: 0;
51
+ }
4
52
 
5
- /* 세로 방향 캐러셀은 viewport에 높이가 필요합니다.
6
- 소비자가 viewportClassName 또는 height 스타일로 지정합니다. */
7
- .ld-carousel__viewport > * {
8
- height: 100%;
53
+ .ld-carousel__nav--vertical:last-child {
54
+ bottom: 0;
55
+ }
9
56
  }
@@ -1,72 +1,74 @@
1
- @utility autocomplete-2xs {
2
- --autocomplete-item-min-height: var(--spacing_32);
3
- --autocomplete-item-padding-x: var(--spacing_4);
4
- --autocomplete-item-padding-y: var(--spacing_4);
5
- --autocomplete-secondary-font-size: var(--text-display10);
6
- --autocomplete-secondary-line-height: var(--leading-display10);
7
- --autocomplete-secondary-letter-spacing: var(--tracking-display10);
8
- @apply display10;
9
- }
1
+ @layer components {
2
+ .autocomplete-2xs {
3
+ --autocomplete-item-min-height: var(--spacing_32);
4
+ --autocomplete-item-padding-x: var(--spacing_4);
5
+ --autocomplete-item-padding-y: var(--spacing_4);
6
+ --autocomplete-secondary-font-size: var(--text-display10);
7
+ --autocomplete-secondary-line-height: var(--leading-display10);
8
+ --autocomplete-secondary-letter-spacing: var(--tracking-display10);
9
+ @apply display10;
10
+ }
10
11
 
11
- @utility autocomplete-xs {
12
- --autocomplete-item-min-height: var(--spacing_40);
13
- --autocomplete-item-padding-x: var(--spacing_8);
14
- --autocomplete-item-padding-y: var(--spacing_4);
15
- --autocomplete-secondary-font-size: var(--text-display10);
16
- --autocomplete-secondary-line-height: var(--leading-display10);
17
- --autocomplete-secondary-letter-spacing: var(--tracking-display10);
18
- @apply display12;
19
- }
12
+ .autocomplete-xs {
13
+ --autocomplete-item-min-height: var(--spacing_40);
14
+ --autocomplete-item-padding-x: var(--spacing_8);
15
+ --autocomplete-item-padding-y: var(--spacing_4);
16
+ --autocomplete-secondary-font-size: var(--text-display10);
17
+ --autocomplete-secondary-line-height: var(--leading-display10);
18
+ --autocomplete-secondary-letter-spacing: var(--tracking-display10);
19
+ @apply display12;
20
+ }
20
21
 
21
- @utility autocomplete-sm {
22
- --autocomplete-item-min-height: var(--spacing_60);
23
- --autocomplete-item-padding-x: var(--spacing_16);
24
- --autocomplete-item-padding-y: var(--spacing_12);
25
- --autocomplete-secondary-font-size: var(--text-display12);
26
- --autocomplete-secondary-line-height: var(--leading-display12);
27
- --autocomplete-secondary-letter-spacing: var(--tracking-display12);
28
- @apply display14;
29
- }
22
+ .autocomplete-sm {
23
+ --autocomplete-item-min-height: var(--spacing_60);
24
+ --autocomplete-item-padding-x: var(--spacing_16);
25
+ --autocomplete-item-padding-y: var(--spacing_12);
26
+ --autocomplete-secondary-font-size: var(--text-display12);
27
+ --autocomplete-secondary-line-height: var(--leading-display12);
28
+ --autocomplete-secondary-letter-spacing: var(--tracking-display12);
29
+ @apply display14;
30
+ }
30
31
 
31
- @utility autocomplete-md {
32
- --autocomplete-item-min-height: var(--spacing_60);
33
- --autocomplete-item-padding-x: var(--spacing_16);
34
- --autocomplete-item-padding-y: var(--spacing_12);
35
- --autocomplete-secondary-font-size: var(--text-display12);
36
- --autocomplete-secondary-line-height: var(--leading-display12);
37
- --autocomplete-secondary-letter-spacing: var(--tracking-display12);
38
- @apply display14;
39
- }
32
+ .autocomplete-md {
33
+ --autocomplete-item-min-height: var(--spacing_60);
34
+ --autocomplete-item-padding-x: var(--spacing_16);
35
+ --autocomplete-item-padding-y: var(--spacing_12);
36
+ --autocomplete-secondary-font-size: var(--text-display12);
37
+ --autocomplete-secondary-line-height: var(--leading-display12);
38
+ --autocomplete-secondary-letter-spacing: var(--tracking-display12);
39
+ @apply display14;
40
+ }
40
41
 
41
- @utility autocomplete-lg {
42
- --autocomplete-item-min-height: var(--spacing_60);
43
- --autocomplete-item-padding-x: var(--spacing_16);
44
- --autocomplete-item-padding-y: var(--spacing_12);
45
- --autocomplete-secondary-font-size: var(--text-display12);
46
- --autocomplete-secondary-line-height: var(--leading-display12);
47
- --autocomplete-secondary-letter-spacing: var(--tracking-display12);
48
- @apply display14;
49
- }
42
+ .autocomplete-lg {
43
+ --autocomplete-item-min-height: var(--spacing_60);
44
+ --autocomplete-item-padding-x: var(--spacing_16);
45
+ --autocomplete-item-padding-y: var(--spacing_12);
46
+ --autocomplete-secondary-font-size: var(--text-display12);
47
+ --autocomplete-secondary-line-height: var(--leading-display12);
48
+ --autocomplete-secondary-letter-spacing: var(--tracking-display12);
49
+ @apply display14;
50
+ }
50
51
 
51
- @utility autocomplete-xl {
52
- --autocomplete-item-min-height: var(--spacing_60);
53
- --autocomplete-item-padding-x: var(--spacing_16);
54
- --autocomplete-item-padding-y: var(--spacing_12);
55
- --autocomplete-secondary-font-size: var(--text-display12);
56
- --autocomplete-secondary-line-height: var(--leading-display12);
57
- --autocomplete-secondary-letter-spacing: var(--tracking-display12);
58
- @apply display14;
59
- }
52
+ .autocomplete-xl {
53
+ --autocomplete-item-min-height: var(--spacing_60);
54
+ --autocomplete-item-padding-x: var(--spacing_16);
55
+ --autocomplete-item-padding-y: var(--spacing_12);
56
+ --autocomplete-secondary-font-size: var(--text-display12);
57
+ --autocomplete-secondary-line-height: var(--leading-display12);
58
+ --autocomplete-secondary-letter-spacing: var(--tracking-display12);
59
+ @apply display14;
60
+ }
60
61
 
61
- @utility autocomplete-item {
62
- min-height: var(--autocomplete-item-min-height);
63
- padding-inline: var(--autocomplete-item-padding-x);
64
- padding-block: var(--autocomplete-item-padding-y);
65
- font-weight: var(--font-regular);
66
- }
62
+ .autocomplete-item {
63
+ min-height: var(--autocomplete-item-min-height);
64
+ padding-inline: var(--autocomplete-item-padding-x);
65
+ padding-block: var(--autocomplete-item-padding-y);
66
+ font-weight: var(--font-regular);
67
+ }
67
68
 
68
- @utility autocomplete-secondary {
69
- font-size: var(--autocomplete-secondary-font-size);
70
- line-height: var(--autocomplete-secondary-line-height);
71
- letter-spacing: var(--autocomplete-secondary-letter-spacing);
69
+ .autocomplete-secondary {
70
+ font-size: var(--autocomplete-secondary-font-size);
71
+ line-height: var(--autocomplete-secondary-line-height);
72
+ letter-spacing: var(--autocomplete-secondary-letter-spacing);
73
+ }
72
74
  }
@@ -8,34 +8,36 @@
8
8
  --control-padding-x-badge-xl: var(--spacing_28);
9
9
  }
10
10
 
11
- @utility badge-xs {
12
- height: var(--control-height-2xs);
13
- padding-inline: var(--control-padding-x-badge-2xs);
14
- border-radius: var(--control-radius-xs);
15
- gap: var(--control-gap-2xs);
16
- @apply display10;
17
- }
11
+ @layer components {
12
+ .badge-xs {
13
+ height: var(--control-height-2xs);
14
+ padding-inline: var(--control-padding-x-badge-2xs);
15
+ border-radius: var(--control-radius-xs);
16
+ gap: var(--control-gap-2xs);
17
+ @apply display10;
18
+ }
18
19
 
19
- @utility badge-sm {
20
- height: var(--control-height-xs);
21
- padding-inline: var(--control-padding-x-badge-xs);
22
- border-radius: var(--control-radius-xs);
23
- gap: var(--control-gap-xs);
24
- @apply display12;
25
- }
20
+ .badge-sm {
21
+ height: var(--control-height-xs);
22
+ padding-inline: var(--control-padding-x-badge-xs);
23
+ border-radius: var(--control-radius-xs);
24
+ gap: var(--control-gap-xs);
25
+ @apply display12;
26
+ }
26
27
 
27
- @utility badge-md {
28
- height: var(--control-height-sm);
29
- padding-inline: var(--control-padding-x-badge-sm);
30
- border-radius: var(--control-radius-sm);
31
- gap: var(--control-gap-sm);
32
- @apply display16;
33
- }
28
+ .badge-md {
29
+ height: var(--control-height-sm);
30
+ padding-inline: var(--control-padding-x-badge-sm);
31
+ border-radius: var(--control-radius-sm);
32
+ gap: var(--control-gap-sm);
33
+ @apply display16;
34
+ }
34
35
 
35
- @utility badge-lg {
36
- height: var(--control-height-md);
37
- padding-inline: var(--control-padding-x-badge-md);
38
- border-radius: var(--control-radius-md);
39
- gap: var(--control-gap-md);
40
- @apply display20;
36
+ .badge-lg {
37
+ height: var(--control-height-md);
38
+ padding-inline: var(--control-padding-x-badge-md);
39
+ border-radius: var(--control-radius-md);
40
+ gap: var(--control-gap-md);
41
+ @apply display20;
42
+ }
41
43
  }
@@ -1,23 +1,55 @@
1
- @utility bread-crumb-2xs {
2
- @apply display10;
3
- }
1
+ @layer components {
2
+ .bread-crumb-2xs {
3
+ @apply display10;
4
+ }
4
5
 
5
- @utility bread-crumb-xs {
6
- @apply display12;
7
- }
6
+ .bread-crumb-xs {
7
+ @apply display12;
8
+ }
8
9
 
9
- @utility bread-crumb-sm {
10
- @apply display14;
11
- }
10
+ .bread-crumb-sm {
11
+ @apply display14;
12
+ }
12
13
 
13
- @utility bread-crumb-md {
14
- @apply display16;
15
- }
14
+ .bread-crumb-md {
15
+ @apply display16;
16
+ }
16
17
 
17
- @utility bread-crumb-lg {
18
- @apply display18;
19
- }
18
+ .bread-crumb-lg {
19
+ @apply display18;
20
+ }
21
+
22
+ .bread-crumb-xl {
23
+ @apply display20;
24
+ }
25
+
26
+ .bread-crumb-sep-2xs > svg {
27
+ width: var(--control-icon-2xs);
28
+ height: var(--control-icon-2xs);
29
+ }
30
+
31
+ .bread-crumb-sep-xs > svg {
32
+ width: var(--control-icon-xs);
33
+ height: var(--control-icon-xs);
34
+ }
35
+
36
+ .bread-crumb-sep-sm > svg {
37
+ width: var(--control-icon-sm);
38
+ height: var(--control-icon-sm);
39
+ }
40
+
41
+ .bread-crumb-sep-md > svg {
42
+ width: var(--control-icon-md);
43
+ height: var(--control-icon-md);
44
+ }
45
+
46
+ .bread-crumb-sep-lg > svg {
47
+ width: var(--control-icon-lg);
48
+ height: var(--control-icon-lg);
49
+ }
20
50
 
21
- @utility bread-crumb-xl {
22
- @apply display20;
51
+ .bread-crumb-sep-xl > svg {
52
+ width: var(--control-icon-xl);
53
+ height: var(--control-icon-xl);
54
+ }
23
55
  }