@a-type/ui 6.0.12 → 6.0.14

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 (138) hide show
  1. package/dist/arbor/arbor.d.ts +72 -8
  2. package/dist/arbor/arbor.js +94 -8
  3. package/dist/arbor/arbor.js.map +1 -1
  4. package/dist/colors.module.css +4 -4
  5. package/dist/components/actions/ActionButton.module.css +1 -1
  6. package/dist/components/box/Box.module.css +10 -10
  7. package/dist/components/box/Box.stories.js +1 -1
  8. package/dist/components/box/Box.stories.js.map +1 -1
  9. package/dist/components/button/Button.js +1 -1
  10. package/dist/components/button/Button.js.map +1 -1
  11. package/dist/components/button/Button.module.css +5 -12
  12. package/dist/components/button/index.d.ts +0 -1
  13. package/dist/components/button/index.js +0 -1
  14. package/dist/components/button/index.js.map +1 -1
  15. package/dist/components/camera/Camera.module.css +7 -7
  16. package/dist/components/card/Card.module.css +23 -23
  17. package/dist/components/card/Card.stories.js +2 -2
  18. package/dist/components/card/Card.stories.js.map +1 -1
  19. package/dist/components/chip/Chip.module.css +4 -4
  20. package/dist/components/combobox/Combobox.module.css +25 -25
  21. package/dist/components/datePicker/Calendar.module.css +3 -3
  22. package/dist/components/datePicker/DatePicker.d.ts +2 -1
  23. package/dist/components/datePicker/DatePicker.js.map +1 -1
  24. package/dist/components/datePicker/dateRangePicker.module.css +1 -1
  25. package/dist/components/dialog/Dialog.module.css +15 -15
  26. package/dist/components/editableText/EditableText.module.css +1 -1
  27. package/dist/components/emojiPicker/EmojiPicker.module.css +12 -12
  28. package/dist/components/forms/FieldLabel.module.css +8 -8
  29. package/dist/components/forms/Form.module.css +1 -1
  30. package/dist/components/forms/NumberStepperField.module.css +1 -1
  31. package/dist/components/forms/TextField.module.css +1 -1
  32. package/dist/components/horizontalList/HorizontalList.module.css +4 -4
  33. package/dist/components/icon/Icon.stories.js +2 -2
  34. package/dist/components/icon/Icon.stories.js.map +1 -1
  35. package/dist/components/imageUploader/ImageUploader.module.css +6 -6
  36. package/dist/components/input/Input.module.css +5 -5
  37. package/dist/components/layouts/PageContent.module.css +3 -3
  38. package/dist/components/layouts/PageFixedArea.module.css +1 -1
  39. package/dist/components/layouts/PageNav.module.css +3 -3
  40. package/dist/components/layouts/PageNowPlaying.module.css +3 -3
  41. package/dist/components/layouts/PageSection.module.css +2 -2
  42. package/dist/components/lightbox/Lightbox.module.css +3 -3
  43. package/dist/components/lists/lists.module.css +2 -2
  44. package/dist/components/masonry/masonry.d.ts +3 -2
  45. package/dist/components/masonry/masonry.js +2 -2
  46. package/dist/components/masonry/masonry.js.map +1 -1
  47. package/dist/components/navBar/NavBar.module.css +13 -13
  48. package/dist/components/note/Note.module.css +4 -4
  49. package/dist/components/peek/Peek.module.css +4 -4
  50. package/dist/components/popover/Popover.module.css +8 -8
  51. package/dist/components/popover/Popover.stories.js +1 -1
  52. package/dist/components/popover/Popover.stories.js.map +1 -1
  53. package/dist/components/primitives/menus.module.css +25 -27
  54. package/dist/components/progress/Progress.module.css +7 -7
  55. package/dist/components/pwaInstall/PwaInstall.module.css +3 -3
  56. package/dist/components/quickAction/QuickAction.module.css +1 -1
  57. package/dist/components/richEditor/richEditor.module.css +23 -23
  58. package/dist/components/select/Select.module.css +2 -2
  59. package/dist/components/spinner/Spinner.module.css +1 -1
  60. package/dist/components/switch/Switch.module.css +1 -1
  61. package/dist/components/tabs/tabs.module.css +6 -6
  62. package/dist/components/textArea/TextArea.module.css +1 -1
  63. package/dist/components/toasts/toasts.module.css +19 -19
  64. package/dist/components/toggleGroup/toggleGroup.module.css +1 -1
  65. package/dist/components/tooltip/Tooltip.module.css +1 -1
  66. package/dist/components/typography/typography.module.css +11 -11
  67. package/dist/components/viewport/Viewport.module.css +8 -8
  68. package/dist/css/arbor.css +388 -276
  69. package/dist/css/util.css +10 -10
  70. package/dist/keyboard.stories.js +1 -1
  71. package/dist/keyboard.stories.js.map +1 -1
  72. package/dist/shadows.stories.js +1 -1
  73. package/dist/shadows.stories.js.map +1 -1
  74. package/dist/theme.stories.module.css +1 -1
  75. package/package.json +3 -3
  76. package/src/arbor/arbor.ts +108 -10
  77. package/src/colors.module.css +4 -4
  78. package/src/components/actions/ActionButton.module.css +1 -1
  79. package/src/components/box/Box.module.css +10 -10
  80. package/src/components/box/Box.stories.tsx +1 -1
  81. package/src/components/button/Button.module.css +5 -12
  82. package/src/components/button/Button.tsx +1 -0
  83. package/src/components/button/index.ts +0 -1
  84. package/src/components/camera/Camera.module.css +7 -7
  85. package/src/components/card/Card.module.css +23 -23
  86. package/src/components/card/Card.stories.tsx +2 -2
  87. package/src/components/chip/Chip.module.css +4 -4
  88. package/src/components/combobox/Combobox.module.css +25 -25
  89. package/src/components/datePicker/Calendar.module.css +3 -3
  90. package/src/components/datePicker/DatePicker.tsx +2 -1
  91. package/src/components/datePicker/dateRangePicker.module.css +1 -1
  92. package/src/components/dialog/Dialog.module.css +15 -15
  93. package/src/components/editableText/EditableText.module.css +1 -1
  94. package/src/components/emojiPicker/EmojiPicker.module.css +12 -12
  95. package/src/components/forms/FieldLabel.module.css +8 -8
  96. package/src/components/forms/Form.module.css +1 -1
  97. package/src/components/forms/NumberStepperField.module.css +1 -1
  98. package/src/components/forms/TextField.module.css +1 -1
  99. package/src/components/horizontalList/HorizontalList.module.css +4 -4
  100. package/src/components/icon/Icon.stories.tsx +2 -2
  101. package/src/components/imageUploader/ImageUploader.module.css +6 -6
  102. package/src/components/input/Input.module.css +5 -5
  103. package/src/components/layouts/PageContent.module.css +3 -3
  104. package/src/components/layouts/PageFixedArea.module.css +1 -1
  105. package/src/components/layouts/PageNav.module.css +3 -3
  106. package/src/components/layouts/PageNowPlaying.module.css +3 -3
  107. package/src/components/layouts/PageSection.module.css +2 -2
  108. package/src/components/lightbox/Lightbox.module.css +3 -3
  109. package/src/components/lists/lists.module.css +2 -2
  110. package/src/components/masonry/masonry.tsx +3 -1
  111. package/src/components/navBar/NavBar.module.css +13 -13
  112. package/src/components/note/Note.module.css +4 -4
  113. package/src/components/peek/Peek.module.css +4 -4
  114. package/src/components/popover/Popover.module.css +8 -8
  115. package/src/components/popover/Popover.stories.tsx +1 -1
  116. package/src/components/primitives/menus.module.css +25 -27
  117. package/src/components/progress/Progress.module.css +7 -7
  118. package/src/components/pwaInstall/PwaInstall.module.css +3 -3
  119. package/src/components/quickAction/QuickAction.module.css +1 -1
  120. package/src/components/richEditor/richEditor.module.css +23 -23
  121. package/src/components/select/Select.module.css +2 -2
  122. package/src/components/spinner/Spinner.module.css +1 -1
  123. package/src/components/switch/Switch.module.css +1 -1
  124. package/src/components/tabs/tabs.module.css +6 -6
  125. package/src/components/textArea/TextArea.module.css +1 -1
  126. package/src/components/toasts/toasts.module.css +19 -19
  127. package/src/components/toggleGroup/toggleGroup.module.css +1 -1
  128. package/src/components/tooltip/Tooltip.module.css +1 -1
  129. package/src/components/typography/typography.module.css +11 -11
  130. package/src/components/viewport/Viewport.module.css +8 -8
  131. package/src/css/util.css +10 -10
  132. package/src/keyboard.stories.tsx +1 -1
  133. package/src/shadows.stories.tsx +1 -1
  134. package/src/theme.stories.module.css +1 -1
  135. package/dist/components/button/classes.d.ts +0 -7
  136. package/dist/components/button/classes.js +0 -24
  137. package/dist/components/button/classes.js.map +0 -1
  138. package/src/components/button/classes.tsx +0 -79
@@ -39,7 +39,7 @@
39
39
  display: flex;
40
40
  flex-direction: row;
41
41
  align-items: center;
42
- gap: var(--m-spacing-xs);
42
+ gap: var(--m-space-xs);
43
43
  width: max-content;
44
44
  overflow: clip;
45
45
 
@@ -53,9 +53,9 @@
53
53
  @apply --mx-borderColor(var(--m-control-borderColor));
54
54
  border-radius: var(--m-control-radius);
55
55
 
56
- font-size: var(--m-text-secondary-size);
57
- line-height: var(--m-text-secondary-lineHeight);
58
- font-weight: var(--m-text-secondary-weight);
56
+ font-size: var(--m-prose-secondary-size);
57
+ line-height: var(--m-prose-secondary-lineHeight);
58
+ font-weight: var(--m-prose-secondary-weight);
59
59
 
60
60
  &:has(input:disabled),
61
61
  &:has(textarea:disabled) {
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  & > [data-icon] {
90
- margin-inline: var(--m-spacing-sm);
90
+ margin-inline: var(--m-space-sm);
91
91
  }
92
92
 
93
93
  padding-inline: var(--m-control-padding-inline);
@@ -7,11 +7,11 @@
7
7
  anchor-name: --page-content;
8
8
  flex: 1;
9
9
 
10
- gap: var(--m-spacing-md);
10
+ gap: var(--m-space-md);
11
11
 
12
- padding: var(--m-spacing-md);
12
+ padding: var(--m-space-md);
13
13
  @media (min-width: 768px) {
14
- padding: var(--m-spacing-lg);
14
+ padding: var(--m-space-lg);
15
15
  }
16
16
 
17
17
  margin-inline: auto;
@@ -6,6 +6,6 @@
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  align-items: stretch;
9
- gap: var(--m-spacing-sm);
9
+ gap: var(--m-space-sm);
10
10
  @apply --mx-bg(inherit);
11
11
  }
@@ -12,8 +12,8 @@
12
12
  position: absolute;
13
13
  content: '';
14
14
  top: 0;
15
- left: var(--m-spacing-md);
16
- right: var(--m-spacing-md);
15
+ left: var(--m-space-md);
16
+ right: var(--m-space-md);
17
17
  height: 1px;
18
18
  @apply --mx-bg(var(--m-color-neutral-heavy));
19
19
  @media (min-width: 768px) {
@@ -25,7 +25,7 @@
25
25
  bottom: auto;
26
26
  left: auto;
27
27
  right: auto;
28
- top: var(--m-spacing-lg);
28
+ top: var(--m-space-lg);
29
29
  height: auto;
30
30
  }
31
31
  }
@@ -2,9 +2,9 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: center;
5
- gap: var(--m-spacing-sm);
5
+ gap: var(--m-space-sm);
6
6
 
7
- padding: var(--m-spacing-sm);
7
+ padding: var(--m-space-sm);
8
8
 
9
9
  position: fixed;
10
10
  position-anchor: --page-content;
@@ -14,7 +14,7 @@
14
14
  bottom: --fn-literal(var(--nav-height, env(safe-area-inset-bottom, 0px)));
15
15
 
16
16
  @media (min-width: 768px) {
17
- bottom: var(--m-spacing-md);
17
+ bottom: var(--m-space-md);
18
18
  align-items: center;
19
19
  transition: bottom var(--m-duration) var(--m-easing);
20
20
  }
@@ -1,7 +1,7 @@
1
1
  .root {
2
2
  max-width: 80vw;
3
3
  width: 100%;
4
- padding: var(--m-spacing-md);
4
+ padding: var(--m-space-md);
5
5
  @apply --mx-bg(var(--m-surface-ambient-bg));
6
6
  border-radius: var(--m-radius-lg);
7
7
  @apply --mx-borderColor(var(--m-surface-ambient-borderColor));
@@ -13,7 +13,7 @@
13
13
 
14
14
  .grid {
15
15
  display: grid;
16
- gap: var(--m-spacing-md);
16
+ gap: var(--m-space-md);
17
17
  align-items: start;
18
18
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
19
19
  }
@@ -26,8 +26,8 @@
26
26
 
27
27
  .close {
28
28
  position: absolute;
29
- right: var(--m-spacing-md);
30
- top: var(--m-spacing-md);
29
+ right: var(--m-space-md);
30
+ top: var(--m-space-md);
31
31
  }
32
32
 
33
33
  .overlay {
@@ -60,7 +60,7 @@
60
60
  width: 90vw;
61
61
  max-width: 100%;
62
62
 
63
- padding: var(--m-spacing-lg);
63
+ padding: var(--m-space-lg);
64
64
  border: none;
65
65
  background: none;
66
66
  pointer-events: none;
@@ -5,10 +5,10 @@
5
5
  padding: 0;
6
6
  display: flex;
7
7
  flex-direction: column;
8
- gap: var(--m-spacing-sm);
8
+ gap: var(--m-space-sm);
9
9
 
10
10
  & > li {
11
- margin-left: var(--m-spacing-sm);
11
+ margin-left: var(--m-space-sm);
12
12
  }
13
13
  }
14
14
 
@@ -1,11 +1,12 @@
1
- import { ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode } from 'react';
2
2
  export interface MasonryProps {
3
3
  children: ReactNode;
4
4
  className?: string;
5
5
  columns?: number | ((containerWidth: number) => number);
6
6
  gap?: number;
7
+ style?: CSSProperties;
7
8
  }
8
- export declare function Masonry({ className, children, columns, gap, }: MasonryProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Masonry({ className, children, columns, gap, style, }: MasonryProps): import("react/jsx-runtime").JSX.Element;
9
10
  export declare function masonrySpan(span: number): {
10
11
  'data-span': number;
11
12
  };
@@ -201,7 +201,7 @@ const initialStyle = {
201
201
  overflow: 'hidden',
202
202
  visibility: 'hidden',
203
203
  };
204
- export function Masonry({ className, children, columns = 3, gap = 16, }) {
204
+ export function Masonry({ className, children, columns = 3, gap = 16, style, }) {
205
205
  const [layout] = useState(() => {
206
206
  if (typeof window === 'undefined') {
207
207
  return new ServerLayout({ columns, gap });
@@ -217,7 +217,7 @@ export function Masonry({ className, children, columns = 3, gap = 16, }) {
217
217
  return layout.attach(ref.current);
218
218
  }
219
219
  }, [layout, ref]);
220
- return (_jsx("div", { ref: ref, style: initialStyle, className: clsx('layer-components:z-0', className), children: children }));
220
+ return (_jsx("div", { ref: ref, style: style ? Object.assign(Object.assign({}, initialStyle), style) : initialStyle, className: clsx('layer-components:z-0', className), children: children }));
221
221
  }
222
222
  export function masonrySpan(span) {
223
223
  return { 'data-span': span };
@@ -1 +1 @@
1
- {"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAGN,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AAYf,MAAe,aAAa;IAI3B,YAAoB,MAA2B;QAA3B,WAAM,GAAN,MAAM,CAAqB;QAHrC,cAAS,GAAuB,IAAI,CAAC;QACrC,YAAO,GAAW,CAAC,CAAC;QAY9B,iBAAY,GAAG,CAAC,MAA2B,EAAE,EAAE;;YAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;YAClD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,uCAAuC;YACvC,IACC,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,WAAW,mCAAI,CAAC,CAAC;gBAC/D,UAAU,EACT,CAAC;gBACF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,CAAC;QACF,CAAC,CAAC;QAEQ,4BAAuB,GAAG,CAAC,cAAsB,EAAE,EAAE;YAC9D,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;gBAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gBACrD,IAAI,QAAQ,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;oBAC/B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;oBACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAChB,OAAO,IAAI,CAAC;gBACb,CAAC;YACF,CAAC;iBAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBACnC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,OAAO,IAAI,CAAC;YACb,CAAC;YACD,OAAO,KAAK,CAAC;QACd,CAAC,CAAC;QAEQ,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACrB,OAAO;YACR,CAAC;YAED,MAAM,MAAM,GAAa,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;YAC5B,oEAAoE;YACpE,qEAAqE;YACrE,gBAAgB;YAChB,MAAM,wBAAwB,GAC7B,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;YACxE,MAAM,qBAAqB,GAC1B,CAAC,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC;YAC/D,MAAM,kBAAkB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC;YAEpE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAkB,CAAC;YACtE,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACjC,IAAI,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC;gBACrE,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;oBAC/C,aAAa,GAAG,CAAC,CAAC;gBACnB,CAAC;gBACD,IAAI,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;oBAClC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC9B,CAAC;gBAED,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;gBACpD,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAClC,UAAU,EACV,UAAU,GAAG,aAAa,CAC1B,CAAC;gBACF,MAAM,CAAC,GAAG,CAAC,qBAAqB,GAAG,kBAAkB,CAAC,GAAG,UAAU,CAAC;gBACpE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;gBACtC,MAAM,KAAK,GACV,qBAAqB,GAAG,aAAa;oBACrC,kBAAkB,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;gBAC1C,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;gBAChD,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;gBACjD,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC9C,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;gBACzC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;gBACzC,0DAA0D;gBAC1D,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAC5D,qBAAqB,CAAC,GAAG,EAAE;oBAC1B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,0BAA0B,CAAC,CAAC;gBACnE,CAAC,CAAC,CAAC;gBACH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;oBACxC,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC;gBACvD,CAAC;YACF,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACxE,CAAC,EAAE,GAAG,CAAC,CAAC;QAxFP,IAAI,CAAC,OAAO;YACX,OAAO,MAAM,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;IACjB,CAAC;CAsFD;AAED,MAAM,YAAa,SAAQ,aAAa;IAMvC,YAAY,MAA2B;QACtC,KAAK,CAAC,MAAM,CAAC,CAAC;QANP,4BAAuB,GAA0B,IAAI,CAAC;QACtD,8BAAyB,GAA4B,IAAI,CAAC;QAU1D,4BAAuB,GAAG,CAAC,OAAyB,EAAE,EAAE;YAC/D,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC7B,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjC,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;wBACjC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACvB,CAAC;gBACF,CAAC,CAAC,CAAC;gBACH,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;oBACnC,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;wBACjC,MAAA,IAAI,CAAC,iBAAiB,0CAAE,SAAS,CAAC,IAAI,CAAC,CAAC;oBACzC,CAAC;gBACF,CAAC,CAAC,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjB,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,OAA8B,EAAE,EAAE;YAC9D,kCAAkC;YAClC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC7B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;gBACrE,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC/C,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACxE,IAAI,cAAc,IAAI,cAAc,KAAK,aAAa,CAAC,QAAQ,EAAE,EAAE,CAAC;oBACnE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACjB,CAAC;YACF,CAAC;QACF,CAAC,CAAC;QAEF,WAAM,GAAG,CAAC,SAAsB,EAAE,EAAE;;YACnC,MAAM,UAAU,GAAG,GAAG,EAAE;;gBACvB,MAAA,IAAI,CAAC,uBAAuB,0CAAE,UAAU,EAAE,CAAC;gBAC3C,MAAA,IAAI,CAAC,yBAAyB,0CAAE,UAAU,EAAE,CAAC;gBAC7C,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;gBAC3C,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACvB,CAAC,CAAC;YACF,IAAI,SAAS,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBAClC,OAAO,UAAU,CAAC;YACnB,CAAC;YAED,MAAA,IAAI,CAAC,uBAAuB,0CAAE,UAAU,EAAE,CAAC;YAC3C,MAAA,IAAI,CAAC,yBAAyB,0CAAE,UAAU,EAAE,CAAC;YAC7C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YAEjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAE3B,IAAI,CAAC,uBAAuB,GAAG,IAAI,cAAc,CAChD,IAAI,CAAC,qBAAqB,CAC1B,CAAC;YACF,IAAI,CAAC,yBAAyB,GAAG,IAAI,gBAAgB,CACpD,IAAI,CAAC,uBAAuB,CAC5B,CAAC;YACF,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAEvE,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACpD,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YAClD,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;YACrD,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrC,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;oBACjC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACvB,CAAC;YACF,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC1D,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,CAAC;YAED,OAAO,UAAU,CAAC;QACnB,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,KAAkB,EAAE,EAAE;YACnC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAChD,sBAAsB;YACtB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;YAChD,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,EAAE;gBACzC,eAAe,EAAE,CAAC,WAAW,CAAC;aAC9B,CAAC,CAAC;QACJ,CAAC,CAAC;QAEM,0BAAqB,GAAG,CAAC,OAA8B,EAAE,EAAE;YAClE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YACpD,IAAI,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAC9C,CAAC,CAAC;QAxFD,IAAI,CAAC,iBAAiB,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACpE,IAAI,CAAC,qBAAqB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClE,CAAC;CAuFD;AAED,MAAM,YAAa,SAAQ,aAAa;IAAxC;;QACC,WAAM,GAAG,CAAC,SAAsB,EAAgB,EAAE;YACjD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACzD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACvD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;YAC1D,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrC,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;oBACjC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACvB,CAAC;YACF,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YACpD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACjB,CAAC,CAAC;IAKH,CAAC;IAJA,UAAU,CAAC,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAChD,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;CACD;AAED,SAAS,SAAS,CAAC,MAAgB,EAAE,SAAiB;IACrD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;IACjE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QAClB,OAAO,CAAC,CAAC;IACV,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC;AAUD,MAAM,YAAY,GAAkB;IACnC,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,EAAE,EACR,KAAK,GACS;IACd,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAS,GAAG,EAAE;QACtC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YACnC,OAAO,IAAI,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAC3C,CAAC;QACD,OAAO,IAAI,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,yBAAyB,CAAC,GAAG,EAAE;QAC9B,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,yBAAyB,CAAC,GAAG,EAAE;QAC9B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAElB,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,CAAC,iCAAM,YAAY,GAAK,KAAK,EAAG,CAAC,CAAC,YAAY,EAC3D,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAEjD,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAY;IACvC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,SAAS,yBAAyB,CACjC,MAAiC,EACjC,OAAc,EAAE;IAEhB,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;IAChD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,OAAO,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACnC,CAAC"}
@@ -6,9 +6,9 @@
6
6
  justify-items: center;
7
7
  overflow: clip;
8
8
  border-radius: 0;
9
- padding: var(--m-spacing-sm);
9
+ padding: var(--m-space-sm);
10
10
  z-index: 50;
11
- padding-bottom: calc(var(--m-spacing-sm) + env(safe-area-inset-bottom, 0px));
11
+ padding-bottom: calc(var(--m-space-sm) + env(safe-area-inset-bottom, 0px));
12
12
 
13
13
  @media (min-width: 768px) {
14
14
  height: min-content;
@@ -16,11 +16,11 @@
16
16
  flex-direction: column;
17
17
  align-items: stretch;
18
18
  justify-content: start;
19
- gap: var(--m-spacing-sm);
19
+ gap: var(--m-space-sm);
20
20
  overflow-x: clip;
21
21
  overflow-y: auto;
22
22
  border-radius: 0;
23
- padding-bottom: var(--m-spacing-xl);
23
+ padding-bottom: var(--m-space-xl);
24
24
  box-shadow: none;
25
25
  @apply --mx-bg(transparent);
26
26
  border: none;
@@ -36,7 +36,7 @@
36
36
  user-select: none;
37
37
  align-items: center;
38
38
  justify-content: center;
39
- gap: var(--m-spacing-sm);
39
+ gap: var(--m-space-sm);
40
40
  white-space: nowrap;
41
41
  padding: var(--m-action-padding);
42
42
  transition: all var(--m-duration) var(--m-easing);
@@ -44,9 +44,9 @@
44
44
  @apply --mx-bg(transparent);
45
45
  border-radius: var(--m-radius-sm);
46
46
  border: none;
47
- font-size: var(--m-text-ambient-size);
47
+ font-size: var(--m-prose-ambient-size);
48
48
  line-height: 1;
49
- font-weight: var(--m-text-ambient-weight);
49
+ font-weight: var(--m-prose-ambient-weight);
50
50
  @apply --mx-shadow;
51
51
 
52
52
  &:active {
@@ -76,10 +76,10 @@
76
76
  flex-direction: row-reverse;
77
77
  justify-content: end;
78
78
  align-items: center;
79
- gap: var(--m-spacing-md);
79
+ gap: var(--m-space-md);
80
80
  padding: var(--m-action-padding);
81
81
  overflow: visible;
82
- font-size: var(--m-text-secondary-size);
82
+ font-size: var(--m-prose-secondary-size);
83
83
  &:active {
84
84
  @apply --mx-bg-heavier(1);
85
85
  }
@@ -93,7 +93,7 @@
93
93
  @media (min-width: 768px) {
94
94
  @apply --mx-bg(var(--m-color-neutral-light));
95
95
  @apply --mx-bg-faded(50%);
96
- padding: var(--m-spacing-sm);
96
+ padding: var(--m-space-sm);
97
97
  border-radius: var(--m-action-radius);
98
98
 
99
99
  [data-active='true'] & {
@@ -104,7 +104,7 @@
104
104
 
105
105
  .itemText {
106
106
  @apply --mx-fg(var(--m-color-neutral-ink));
107
- font-size: var(--m-text-ambient-size);
107
+ font-size: var(--m-prose-ambient-size);
108
108
  line-height: 1;
109
109
  font-weight: inherit;
110
110
  display: inline-block;
@@ -126,8 +126,8 @@
126
126
 
127
127
  .pip {
128
128
  position: absolute;
129
- top: var(--m-spacing-sm);
130
- right: var(--m-spacing-sm);
129
+ top: var(--m-space-sm);
130
+ right: var(--m-space-sm);
131
131
  width: 6px;
132
132
  height: 6px;
133
133
  border-radius: 50%;
@@ -24,11 +24,11 @@
24
24
  .content {
25
25
  position: relative;
26
26
  flex: 1;
27
- padding: var(--m-spacing-sm);
27
+ padding: var(--m-space-sm);
28
28
 
29
- font-size: var(--m-text-ambient-size);
30
- line-height: var(--m-text-ambient-lineHeight);
31
- font-weight: var(--m-text-ambient-weight);
29
+ font-size: var(--m-prose-ambient-size);
30
+ line-height: var(--m-prose-ambient-lineHeight);
31
+ font-weight: var(--m-prose-ambient-weight);
32
32
  font-style: italic;
33
33
 
34
34
  @apply --mx-fg(var(--m-color-neutral-ink));
@@ -76,10 +76,10 @@
76
76
  flex-direction: column;
77
77
  align-items: center;
78
78
  justify-content: end;
79
- padding: var(--m-spacing-sm);
80
- font-size: var(--m-text-ambient-size);
81
- line-height: var(--m-text-ambient-lineHeight);
82
- font-weight: var(--m-text-ambient-weight);
79
+ padding: var(--m-space-sm);
80
+ font-size: var(--m-prose-ambient-size);
81
+ line-height: var(--m-prose-ambient-lineHeight);
82
+ font-weight: var(--m-prose-ambient-weight);
83
83
  @apply --mx-fg(var(--m-color-neutral-heavy));
84
84
  }
85
85
  &[data-state='open'] {
@@ -1,24 +1,24 @@
1
1
  .close {
2
2
  position: absolute;
3
- right: var(--m-spacing-sm);
4
- top: var(--m-spacing-sm);
3
+ right: var(--m-space-sm);
4
+ top: var(--m-space-sm);
5
5
  }
6
6
 
7
7
  .popup {
8
- padding: var(--m-spacing-md);
8
+ padding: var(--m-space-md);
9
9
  }
10
10
 
11
11
  .title {
12
12
  font-weight: 500;
13
13
  margin: 0;
14
- margin-block-end: var(--m-spacing-sm);
15
- font-size: var(--m-text-secondary-size);
16
- line-height: var(--m-text-secondary-lineHeight);
14
+ margin-block-end: var(--m-space-sm);
15
+ font-size: var(--m-prose-secondary-size);
16
+ line-height: var(--m-prose-secondary-lineHeight);
17
17
  }
18
18
 
19
19
  .description {
20
20
  margin: 0;
21
- font-size: var(--m-text-ambient-size);
22
- line-height: var(--m-text-ambient-lineHeight);
21
+ font-size: var(--m-prose-ambient-size);
22
+ line-height: var(--m-prose-ambient-lineHeight);
23
23
  @apply --mx-fg(var(--m-color-neutral-heavy));
24
24
  }
@@ -12,7 +12,7 @@ const meta = {
12
12
  export default meta;
13
13
  export const Default = {
14
14
  render(args) {
15
- return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { style: { padding: 'var(--m-spacing-md)' }, children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." }), _jsx(Popover.Close, {})] })] })));
15
+ return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { style: { padding: 'var(--m-space-md)' }, children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." }), _jsx(Popover.Close, {})] })] })));
16
16
  },
17
17
  };
18
18
  //# sourceMappingURL=Popover.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,aACzD,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,EACrE,KAAC,OAAO,CAAC,KAAK,KAAG,IACA,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,aACvD,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,EACrE,KAAC,OAAO,CAAC,KAAK,KAAG,IACA,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -61,9 +61,9 @@
61
61
  min-height: 0px;
62
62
  overflow-x: clip;
63
63
  overflow-y: auto;
64
- scroll-padding-block: var(--m-spacing-md);
64
+ scroll-padding-block: var(--m-space-md);
65
65
  position: relative;
66
- padding: var(--m-spacing-xs);
66
+ padding: var(--m-space-xs);
67
67
 
68
68
  border-radius: inherit;
69
69
  }
@@ -77,14 +77,14 @@
77
77
  user-select: none;
78
78
 
79
79
  padding: var(--m-action-padding);
80
- padding-left: var(--m-spacing-lg);
81
- gap: var(--m-spacing-sm);
80
+ padding-left: var(--m-space-lg);
81
+ gap: var(--m-space-sm);
82
82
 
83
83
  text-align: left;
84
- font-size: var(--m-text-secondary-size);
85
- font-weight: var(--m-text-secondary-weight);
86
- line-height: var(--m-text-secondary-lineHeight);
87
- font-family: var(--m-text-secondary-font);
84
+ font-size: var(--m-prose-secondary-size);
85
+ font-weight: var(--m-prose-secondary-weight);
86
+ line-height: var(--m-prose-secondary-lineHeight);
87
+ font-family: var(--m-prose-secondary-font);
88
88
 
89
89
  @apply --mx-fg(color-contrast(var(--mx-bg-ref)));
90
90
 
@@ -111,17 +111,15 @@
111
111
 
112
112
  border-radius: var(--m-radius-xs);
113
113
  &:first-child {
114
- border-top-left-radius: calc(var(--m-surface-radius) - var(--m-spacing-xs));
115
- border-top-right-radius: calc(
116
- var(--m-surface-radius) - var(--m-spacing-xs)
117
- );
114
+ border-top-left-radius: calc(var(--m-surface-radius) - var(--m-space-xs));
115
+ border-top-right-radius: calc(var(--m-surface-radius) - var(--m-space-xs));
118
116
  }
119
117
  &:last-child {
120
118
  border-bottom-left-radius: calc(
121
- var(--m-surface-radius) - var(--m-spacing-xs)
119
+ var(--m-surface-radius) - var(--m-space-xs)
122
120
  );
123
121
  border-bottom-right-radius: calc(
124
- var(--m-surface-radius) - var(--m-spacing-xs)
122
+ var(--m-surface-radius) - var(--m-space-xs)
125
123
  );
126
124
  }
127
125
  }
@@ -131,8 +129,8 @@
131
129
  display: flex;
132
130
  flex-direction: row;
133
131
  align-items: center;
134
- gap: var(--m-spacing-sm);
135
- scroll-padding-block: var(--m-spacing-md);
132
+ gap: var(--m-space-sm);
133
+ scroll-padding-block: var(--m-space-md);
136
134
  }
137
135
 
138
136
  .itemIndicator {
@@ -144,12 +142,12 @@
144
142
  align-items: center;
145
143
  justify-content: center;
146
144
  position: relative;
147
- right: calc(-1 * var(--m-spacing-xs));
145
+ right: calc(-1 * var(--m-space-xs));
148
146
  }
149
147
 
150
148
  .itemRightSlot {
151
149
  margin-inline-start: auto;
152
- padding-inline-start: var(--m-spacing-sm);
150
+ padding-inline-start: var(--m-space-sm);
153
151
  }
154
152
 
155
153
  .arrow {
@@ -193,7 +191,7 @@
193
191
  }
194
192
 
195
193
  .separator {
196
- margin: var(--m-spacing-xs);
194
+ margin: var(--m-space-xs);
197
195
  height: var(--m-lineWidth-sm);
198
196
  @apply --mx-bg(var(--m-color-neutral));
199
197
  }
@@ -201,17 +199,17 @@
201
199
  .groupLabel {
202
200
  user-select: none;
203
201
  @apply --mx-fg(var(--m-color-neutral-heavy));
204
- font-size: var(--m-text-ambient-size);
205
- line-height: var(--m-text-ambient-lineHeight);
206
- font-weight: var(--m-text-ambient-weight);
202
+ font-size: var(--m-prose-ambient-size);
203
+ line-height: var(--m-prose-ambient-lineHeight);
204
+ font-weight: var(--m-prose-ambient-weight);
207
205
  }
208
206
 
209
207
  .scrollArrow {
210
208
  box-sizing: border-box;
211
209
  z-index: 1;
212
210
  height: 1rem;
213
- left: var(--m-spacing-md);
214
- right: var(--m-spacing-md);
211
+ left: var(--m-space-md);
212
+ right: var(--m-space-md);
215
213
  cursor: default;
216
214
  user-select: none;
217
215
  align-items: center;
@@ -220,9 +218,9 @@
220
218
  @apply --mx-bg(var(--m-surface-ambient-bg));
221
219
  @apply --mx-fg(var(--m-surface-ambient-fg));
222
220
  border-radius: inherit;
223
- font-size: var(--m-text-ambient-size);
224
- line-height: var(--m-text-ambient-lineHeight);
225
- font-weight: var(--m-text-ambient-weight);
221
+ font-size: var(--m-prose-ambient-size);
222
+ line-height: var(--m-prose-ambient-lineHeight);
223
+ font-weight: var(--m-prose-ambient-weight);
226
224
 
227
225
  &::before {
228
226
  position: absolute;
@@ -3,8 +3,8 @@
3
3
 
4
4
  display: grid;
5
5
  grid-template-columns: 1fr 1fr;
6
- row-gap: var(--m-spacing-xs);
7
- column-gap: var(--m-spacing-md);
6
+ row-gap: var(--m-space-xs);
7
+ column-gap: var(--m-space-md);
8
8
  align-items: center;
9
9
  box-sizing: border-box;
10
10
  }
@@ -38,9 +38,9 @@
38
38
  grid-column-start: 1;
39
39
  grid-row-start: 1;
40
40
  @apply --mx-fg(var(--m-color-neutral-ink));
41
- font-size: var(--m-text-ambient-size);
42
- line-height: var(--m-text-ambient-lineHeight);
43
- font-weight: var(--m-text-ambient-weight);
41
+ font-size: var(--m-prose-ambient-size);
42
+ line-height: var(--m-prose-ambient-lineHeight);
43
+ font-weight: var(--m-prose-ambient-weight);
44
44
  }
45
45
 
46
46
  .value {
@@ -48,7 +48,7 @@
48
48
  grid-row-start: 1;
49
49
  justify-self: end;
50
50
  @apply --mx-fg(var(--m-color-neutral-ink));
51
- font-size: var(--m-text-ambient-size);
52
- line-height: var(--m-text-ambient-lineHeight);
51
+ font-size: var(--m-prose-ambient-size);
52
+ line-height: var(--m-prose-ambient-lineHeight);
53
53
  font-weight: 500;
54
54
  }
@@ -1,14 +1,14 @@
1
1
  .dialogContent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: var(--m-spacing-xs);
4
+ gap: var(--m-space-xs);
5
5
  }
6
6
 
7
7
  .dialogTitle {
8
8
  display: flex;
9
9
  flex-direction: row;
10
10
  align-items: center;
11
- gap: var(--m-spacing-md);
11
+ gap: var(--m-space-md);
12
12
  }
13
13
 
14
14
  .appIcon {
@@ -19,5 +19,5 @@
19
19
  }
20
20
 
21
21
  .appDescription {
22
- margin-bottom: var(--m-spacing-sm);
22
+ margin-bottom: var(--m-space-sm);
23
23
  }
@@ -1,7 +1,7 @@
1
1
  .trigger {
2
2
  position: relative;
3
3
  justify-content: center;
4
- padding: var(--m-spacing-xs);
4
+ padding: var(--m-space-xs);
5
5
  border-radius: var(--m-action-radius);
6
6
  }
7
7