@onereach/ui-components 2.57.2 → 2.57.3

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 (177) hide show
  1. package/dist/v2/{OrAvatar-997a8175.js → OrAvatar-0afdef36.js} +1 -1
  2. package/dist/v2/{OrBottomSheet-b2b5d31e.js → OrBottomSheet-3ce1529c.js} +2 -2
  3. package/dist/v2/{OrButton-33df8e61.js → OrButton-52618150.js} +1 -1
  4. package/dist/v2/{OrCheckbox-a9dcb40b.js → OrCheckbox-bdd8dbad.js} +3 -3
  5. package/dist/v2/{OrConfirm-6196e3d4.js → OrConfirm-a753a720.js} +5 -5
  6. package/dist/v2/{OrError-5a4dcd6a.js → OrError-be656098.js} +1 -1
  7. package/dist/v2/{OrErrorTag-a8b6f2ba.js → OrErrorTag-5306b7dd.js} +2 -2
  8. package/dist/v2/{OrExpansionPanel-bb8cc08f.js → OrExpansionPanel-ce82a6fd.js} +3 -3
  9. package/dist/v2/{OrFab-c115c828.js → OrFab-29c63a0e.js} +1 -1
  10. package/dist/v2/{OrHint-5bf81754.js → OrHint-44356417.js} +1 -1
  11. package/dist/v2/{OrIcon-763ed5e2.js → OrIcon-124f3bad.js} +1 -1
  12. package/dist/v2/{OrIconButton-b36dbb59.js → OrIconButton-a5bd8ce5.js} +4 -4
  13. package/dist/v2/{OrInlineInput-4410e116.js → OrInlineInput-d8f0a6b9.js} +5 -5
  14. package/dist/v2/{OrInlineInputBox-c93971d9.js → OrInlineInputBox-cac18547.js} +1 -1
  15. package/dist/v2/{OrInlineTextarea-3c666887.js → OrInlineTextarea-6b7cd3d5.js} +5 -5
  16. package/dist/v2/{OrInput-2f78ab2e.js → OrInput-55b9888e.js} +6 -6
  17. package/dist/v2/{OrInputBox-f1453506.js → OrInputBox-f4b747ab.js} +1 -1
  18. package/dist/v2/{OrLabel-8da1b4a7.js → OrLabel-9a259894.js} +1 -1
  19. package/dist/v2/{OrLink-d907fe80.js → OrLink-80742a17.js} +1 -1
  20. package/dist/v2/{OrMenu-e49d1992.js → OrMenu-f78fd382.js} +1 -1
  21. package/dist/v2/{OrMenuItem-95f87752.js → OrMenuItem-d82ba657.js} +2 -2
  22. package/dist/v2/{OrModal-4e32f872.js → OrModal-7d6348e5.js} +7 -5
  23. package/dist/v2/{OrNotification-e5a8fe2e.js → OrNotification-824e78b8.js} +3 -3
  24. package/dist/v2/{OrOverlay-cc919120.js → OrOverlay-4838a9b0.js} +1 -1
  25. package/dist/v2/{OrPopover-a2eac3ec.js → OrPopover-edd82c5d.js} +1 -1
  26. package/dist/v2/{OrRadio-fb6b4b6a.js → OrRadio-fd743245.js} +3 -3
  27. package/dist/v2/{OrSearch-b4ea0719.js → OrSearch-b12a8f48.js} +2 -2
  28. package/dist/v2/{OrSelect-7f3938f8.js → OrSelect-a8e01683.js} +13 -13
  29. package/dist/v2/{OrSwitch-344832db.js → OrSwitch-44983f55.js} +4 -4
  30. package/dist/v2/{OrTab-e744b975.js → OrTab-4e6ff742.js} +1 -1
  31. package/dist/v2/{OrTabs-b6cc3c37.js → OrTabs-4fcaa8ee.js} +6 -6
  32. package/dist/v2/{OrTag-b6925a18.js → OrTag-23de8510.js} +2 -2
  33. package/dist/v2/{OrTextarea-e8f9f2e7.js → OrTextarea-ac11ea5a.js} +4 -4
  34. package/dist/v2/{OrTooltip-7a0afca7.js → OrTooltip-c004189d.js} +1 -1
  35. package/dist/v2/index.js +35 -35
  36. package/dist/v2/index14.js +2 -2
  37. package/dist/v2/index2.js +35 -35
  38. package/dist/v2/index20.js +13 -13
  39. package/dist/v2/index23.js +2 -2
  40. package/dist/v2/index24.js +1 -1
  41. package/dist/v2/index25.js +2 -2
  42. package/dist/v2/index26.js +2 -2
  43. package/dist/v2/index29.js +1 -1
  44. package/dist/v2/index31.js +6 -6
  45. package/dist/v2/index32.js +1 -1
  46. package/dist/v2/index33.js +1 -1
  47. package/dist/v2/index34.js +10 -10
  48. package/dist/v2/index36.js +10 -10
  49. package/dist/v2/index37.js +1 -1
  50. package/dist/v2/index38.js +11 -11
  51. package/dist/v2/index4.js +1 -1
  52. package/dist/v2/index41.js +1 -1
  53. package/dist/v2/index42.js +1 -1
  54. package/dist/v2/index47.js +2 -2
  55. package/dist/v2/index48.js +4 -4
  56. package/dist/v2/index5.js +2 -2
  57. package/dist/v2/index50.js +7 -7
  58. package/dist/v2/index52.js +7 -7
  59. package/dist/v2/index55.js +1 -1
  60. package/dist/v2/index56.js +3 -3
  61. package/dist/v2/index61.js +2 -2
  62. package/dist/v2/index62.js +12 -12
  63. package/dist/v2/index64.js +16 -16
  64. package/dist/v2/index71.js +2 -2
  65. package/dist/v2/index74.js +1 -1
  66. package/dist/v2/index76.js +8 -8
  67. package/dist/v2/index78.js +7 -7
  68. package/dist/v2/index8.js +1 -1
  69. package/dist/v2/index82.js +5 -5
  70. package/dist/v2/index86.js +7 -7
  71. package/dist/v2/index89.js +4 -4
  72. package/dist/v2/{types-db725977.js → types-868fd994.js} +2 -2
  73. package/dist/v3/{OrAvatar-275271f3.js → OrAvatar-ef88d31c.js} +1 -1
  74. package/dist/v3/{OrBottomSheet-c554736e.js → OrBottomSheet-20a6e3ee.js} +2 -2
  75. package/dist/v3/{OrButton-b1472eab.js → OrButton-7e436ca9.js} +1 -1
  76. package/dist/v3/{OrCheckbox-e4df1568.js → OrCheckbox-3bdd62b7.js} +3 -3
  77. package/dist/v3/{OrConfirm-22329081.js → OrConfirm-19a876aa.js} +5 -5
  78. package/dist/v3/{OrError-a37964bc.js → OrError-19a62a18.js} +1 -1
  79. package/dist/v3/{OrErrorTag-1b9a7f87.js → OrErrorTag-6bc94241.js} +2 -2
  80. package/dist/v3/{OrExpansionPanel-dddf09e4.js → OrExpansionPanel-1e2a6375.js} +3 -3
  81. package/dist/v3/{OrFab-d8fece8b.js → OrFab-12889281.js} +1 -1
  82. package/dist/v3/{OrHint-7016dc0d.js → OrHint-73835593.js} +1 -1
  83. package/dist/v3/{OrIcon-7aea0897.js → OrIcon-b3906e35.js} +1 -1
  84. package/dist/v3/{OrIconButton-0b2b01cb.js → OrIconButton-e914edc4.js} +4 -4
  85. package/dist/v3/{OrInlineInput-f3a6fca3.js → OrInlineInput-6a70c434.js} +5 -5
  86. package/dist/v3/{OrInlineInputBox-fdbbb4fe.js → OrInlineInputBox-731e0731.js} +1 -1
  87. package/dist/v3/{OrInlineTextarea-ca99d2ba.js → OrInlineTextarea-d78de94e.js} +5 -5
  88. package/dist/v3/{OrInput-a653a674.js → OrInput-078175e5.js} +6 -6
  89. package/dist/v3/{OrInputBox-052e85ce.js → OrInputBox-f44f1f5f.js} +1 -1
  90. package/dist/v3/{OrLabel-0d19ba7a.js → OrLabel-8cada750.js} +1 -1
  91. package/dist/v3/{OrLink-aba2a3ec.js → OrLink-338db3ca.js} +1 -1
  92. package/dist/v3/{OrMenu-ae5443ce.js → OrMenu-2c15e173.js} +1 -1
  93. package/dist/v3/{OrMenuItem-397a57e8.js → OrMenuItem-f7d575ba.js} +2 -2
  94. package/dist/v3/{OrModal-04e5013b.js → OrModal-a4e95fdd.js} +8 -5
  95. package/dist/v3/{OrNotification-4c88fd47.js → OrNotification-b9ad2b61.js} +3 -3
  96. package/dist/v3/{OrOverlay-f7aa1e20.js → OrOverlay-27050c19.js} +1 -1
  97. package/dist/v3/{OrPopover-45b1b10c.js → OrPopover-5b07072d.js} +1 -1
  98. package/dist/v3/{OrRadio-9ad0a870.js → OrRadio-d7382a18.js} +3 -3
  99. package/dist/v3/{OrSearch-06e3ebd8.js → OrSearch-565bd7b4.js} +2 -2
  100. package/dist/v3/{OrSelect-e69ea23a.js → OrSelect-844b41c6.js} +13 -13
  101. package/dist/v3/{OrSwitch-a3653e90.js → OrSwitch-23608182.js} +4 -4
  102. package/dist/v3/{OrTab-5603c197.js → OrTab-97044946.js} +1 -1
  103. package/dist/v3/{OrTabs-e1662dd9.js → OrTabs-d2e9d48b.js} +6 -6
  104. package/dist/v3/{OrTag-15b3c712.js → OrTag-09cc3f1f.js} +2 -2
  105. package/dist/v3/{OrTextarea-4eb4b448.js → OrTextarea-fcfa253a.js} +4 -4
  106. package/dist/v3/{OrTooltip-46d77128.js → OrTooltip-b814fa5e.js} +1 -1
  107. package/dist/v3/index.js +35 -35
  108. package/dist/v3/index14.js +2 -2
  109. package/dist/v3/index2.js +35 -35
  110. package/dist/v3/index20.js +13 -13
  111. package/dist/v3/index23.js +2 -2
  112. package/dist/v3/index24.js +1 -1
  113. package/dist/v3/index25.js +2 -2
  114. package/dist/v3/index26.js +2 -2
  115. package/dist/v3/index29.js +1 -1
  116. package/dist/v3/index31.js +6 -6
  117. package/dist/v3/index32.js +1 -1
  118. package/dist/v3/index33.js +1 -1
  119. package/dist/v3/index34.js +10 -10
  120. package/dist/v3/index36.js +10 -10
  121. package/dist/v3/index37.js +1 -1
  122. package/dist/v3/index38.js +11 -11
  123. package/dist/v3/index4.js +1 -1
  124. package/dist/v3/index41.js +1 -1
  125. package/dist/v3/index42.js +1 -1
  126. package/dist/v3/index47.js +2 -2
  127. package/dist/v3/index48.js +4 -4
  128. package/dist/v3/index5.js +2 -2
  129. package/dist/v3/index50.js +7 -7
  130. package/dist/v3/index52.js +7 -7
  131. package/dist/v3/index55.js +1 -1
  132. package/dist/v3/index56.js +3 -3
  133. package/dist/v3/index61.js +2 -2
  134. package/dist/v3/index62.js +12 -12
  135. package/dist/v3/index64.js +16 -16
  136. package/dist/v3/index71.js +2 -2
  137. package/dist/v3/index74.js +1 -1
  138. package/dist/v3/index76.js +8 -8
  139. package/dist/v3/index78.js +7 -7
  140. package/dist/v3/index8.js +1 -1
  141. package/dist/v3/index82.js +5 -5
  142. package/dist/v3/index86.js +7 -7
  143. package/dist/v3/index89.js +4 -4
  144. package/dist/v3/{types-09ddd462.js → types-eafe769d.js} +2 -2
  145. package/package.json +2 -2
  146. package/src/components/or-avatar-v3/styles.ts +1 -1
  147. package/src/components/or-bottom-sheet-v3/styles.ts +1 -1
  148. package/src/components/or-button-v3/styles.ts +1 -1
  149. package/src/components/or-card-v3/OrCard.stories3.ts +2 -2
  150. package/src/components/or-checkbox-v3/styles.ts +1 -2
  151. package/src/components/or-confirm-v3/styles.ts +2 -1
  152. package/src/components/or-error-tag-v3/styles.ts +1 -1
  153. package/src/components/or-error-v3/styles.ts +1 -1
  154. package/src/components/or-expansion-panel-v3/OrExpansionPanel.vue +1 -1
  155. package/src/components/or-expansion-panel-v3/styles.ts +0 -1
  156. package/src/components/or-hint-v3/styles.ts +1 -1
  157. package/src/components/or-icon-button-v3/styles.ts +1 -1
  158. package/src/components/or-icon-v3/styles.ts +1 -1
  159. package/src/components/or-inline-input-box-v3/styles.ts +0 -1
  160. package/src/components/or-inline-input-v3/styles.ts +0 -1
  161. package/src/components/or-inline-textarea-v3/styles.ts +0 -1
  162. package/src/components/or-input-box-v3/styles.ts +0 -1
  163. package/src/components/or-label-v3/styles.ts +1 -1
  164. package/src/components/or-link-v3/styles.ts +0 -1
  165. package/src/components/or-menu-item-v3/styles.ts +0 -1
  166. package/src/components/or-modal-v3/OrModal.stories3.ts +2 -2
  167. package/src/components/or-modal-v3/OrModal.vue +3 -1
  168. package/src/components/or-modal-v3/styles.ts +0 -1
  169. package/src/components/or-notification-v3/styles.ts +0 -1
  170. package/src/components/or-overlay-v3/styles.ts +1 -1
  171. package/src/components/or-radio-v3/styles.ts +1 -2
  172. package/src/components/or-select-v3/styles.ts +1 -2
  173. package/src/components/or-switch-v3/styles.ts +2 -3
  174. package/src/components/or-tab-v3/styles.ts +1 -1
  175. package/src/components/or-tabs-v3/styles.ts +0 -1
  176. package/src/components/or-tag-v3/styles.ts +1 -1
  177. package/src/components/or-toast-v3/styles.ts +0 -1
package/src/components/or-card-v3/OrCard.stories3.ts CHANGED
@@ -55,7 +55,7 @@ export const Card = Template.bind({});
55
55
  Card.args = {
56
56
  // Slots
57
57
  default: `
58
- <div class="flex justify-between items-center">
58
+ <div class="flex items-center justify-between">
59
59
  <span>Jul 3, 2021 3:41 PM</span>
60
60
  <span>304A489</span>
61
61
  </div>
@@ -65,7 +65,7 @@ Card.args = {
65
65
  <p>Candidate's name: Thomas Cannon</p>
66
66
  <p>Position: <a href="#">Back-End Developer</a></p>
67
67
 
68
- <div class="flex justify-start items-center gap-[8px]">
68
+ <div class="flex items-center justify-start gap-[8px]">
69
69
  <OrTag>Applications</OrTag>
70
70
  <OrTag color="danger">Rejected</OrTag>
71
71
  <span>+ 2 more</span>
package/src/components/or-checkbox-v3/styles.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export const CheckboxRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-normal',
5
4
  'items-center',
6
5
 
7
6
  // Sizing
@@ -11,8 +10,8 @@ export const CheckboxRoot: string[] = [
11
10
  export const CheckboxControl: string[] = [
12
11
  // Layout
13
12
  'flex',
14
- 'justify-center',
15
13
  'items-center',
14
+ 'justify-center',
16
15
 
17
16
  // Box
18
17
  'w-[20px] md:w-[16px]',
package/src/components/or-confirm-v3/styles.ts CHANGED
@@ -32,8 +32,8 @@ export const ConfirmRoot: string[] = [
32
32
  export const ConfirmHeader: string[] = [
33
33
  // Layout
34
34
  'flex',
35
- 'justify-between',
36
35
  'items-center',
36
+ 'justify-between',
37
37
 
38
38
  // Typography
39
39
  'typography-headline-3',
@@ -50,6 +50,7 @@ export const ConfirmInput: string[] = [
50
50
  export const ConfirmFooter: string[] = [
51
51
  // Layout
52
52
  'flex',
53
+ 'items-center',
53
54
  'justify-between',
54
55
 
55
56
  // Sizing
package/src/components/or-error-tag-v3/styles.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export const ErrorTagRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-center',
5
4
  'items-center',
5
+ 'justify-center',
6
6
 
7
7
  // Box
8
8
  'max-w-max',
package/src/components/or-error-v3/styles.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export const ErrorRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-between',
5
4
  'items-start',
5
+ 'justify-between',
6
6
 
7
7
  // Sizing
8
8
  'gap-sm',
package/src/components/or-expansion-panel-v3/OrExpansionPanel.vue CHANGED
@@ -5,7 +5,7 @@
5
5
  :class="rootStyles"
6
6
  :disabled="disabled ? '' : null"
7
7
  >
8
- <div :class="['flex', 'justify-between', 'items-center']">
8
+ <div :class="['flex', 'items-center', 'justify-between']">
9
9
  <div
10
10
  :class="headerStyles"
11
11
  :tabindex="!disabled ? 0 : null"
package/src/components/or-expansion-panel-v3/styles.ts CHANGED
@@ -27,7 +27,6 @@ export const ExpansionPanelRootVariants: Record<ExpansionPanelVariant, string[]>
27
27
  export const ExpansionPanelHeader: string[] = [
28
28
  // Layout
29
29
  'flex',
30
- 'justify-normal',
31
30
  'items-center',
32
31
 
33
32
  // Sizing
package/src/components/or-hint-v3/styles.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export const HintRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-between',
5
4
  'items-start',
5
+ 'justify-between',
6
6
 
7
7
  // Sizing
8
8
  'gap-sm',
package/src/components/or-icon-button-v3/styles.ts CHANGED
@@ -3,8 +3,8 @@ import { IconButtonColor } from './props';
3
3
  export const IconButtonRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-center',
7
6
  'items-center',
7
+ 'justify-center',
8
8
 
9
9
  // Box
10
10
  'max-w-max',
package/src/components/or-icon-v3/styles.ts CHANGED
@@ -3,8 +3,8 @@ import { IconSize, IconVariant } from './props';
3
3
  export const IconRoot: string[] = [
4
4
  // Layout
5
5
  'inline-flex',
6
- 'justify-center',
7
6
  'items-center',
7
+ 'justify-center',
8
8
 
9
9
  // Typography
10
10
  'align-bottom',
package/src/components/or-inline-input-box-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { InlineInputBoxSize } from './props';
3
3
  export const InlineInputBoxRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-normal',
7
6
  'items-center',
8
7
 
9
8
  // Box
package/src/components/or-inline-input-v3/styles.ts CHANGED
@@ -22,7 +22,6 @@ export const InlineInputControl: string[] = [
22
22
  export const InlineInputAction: string[] = [
23
23
  // Layout
24
24
  'flex',
25
- 'justify-normal',
26
25
  'items-center',
27
26
 
28
27
  // Sizing
package/src/components/or-inline-textarea-v3/styles.ts CHANGED
@@ -22,7 +22,6 @@ export const InlineTextareaControl: string[] = [
22
22
  export const InlineTextareaAction: string[] = [
23
23
  // Layout
24
24
  'flex',
25
- 'justify-normal',
26
25
  'items-center',
27
26
 
28
27
  // Sizing
package/src/components/or-input-box-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { InputBoxSize, InputBoxVariant } from './props';
3
3
  export const InputBoxRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-normal',
7
6
  'items-center',
8
7
 
9
8
  // Box
package/src/components/or-label-v3/styles.ts CHANGED
@@ -3,8 +3,8 @@ import { LabelVariant } from './props';
3
3
  export const LabelRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-between',
7
6
  'items-center',
7
+ 'justify-between',
8
8
 
9
9
  // Sizing
10
10
  'gap-sm',
package/src/components/or-link-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { LinkColor } from './props';
3
3
  export const LinkRoot: string[] = [
4
4
  // Layout
5
5
  'inline-flex',
6
- 'justify-normal',
7
6
  'items-center',
8
7
 
9
8
  // Interactivity
package/src/components/or-menu-item-v3/styles.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export const MenuItemRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-normal',
5
4
  'items-center',
6
5
 
7
6
  // Sizing
package/src/components/or-modal-v3/OrModal.stories3.ts CHANGED
@@ -108,13 +108,13 @@ Modal.args = {
108
108
  header: 'Upload Files',
109
109
 
110
110
  default: `
111
- <div class="flex justify-center items-center">
111
+ <div class="flex items-center justify-center">
112
112
  Content Area
113
113
  </div>
114
114
  `,
115
115
 
116
116
  footer: `
117
- <div class="flex justify-end items-center gap-[16px]">
117
+ <div class="flex items-center justify-end gap-[16px]">
118
118
  <OrButton variant="outlined">Save</OrButton>
119
119
  <OrButton>Upload</OrButton>
120
120
  </div>
package/src/components/or-modal-v3/OrModal.vue CHANGED
@@ -9,7 +9,9 @@
9
9
  :class="rootStyles"
10
10
  >
11
11
  <div :class="headerStyles">
12
- <slot name="header" />
12
+ <div :class="['grow']">
13
+ <slot name="header" />
14
+ </div>
13
15
 
14
16
  <div :class="closeButtonStyles">
15
17
  <OrIconButton
package/src/components/or-modal-v3/styles.ts CHANGED
@@ -52,7 +52,6 @@ export const ModalRootSizes: Record<ModalSize, string[]> = {
52
52
  export const ModalHeader: string[] = [
53
53
  // Layouot
54
54
  'flex',
55
- 'justify-between',
56
55
  'items-center',
57
56
 
58
57
  // Typography
package/src/components/or-notification-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { NotificationVariant } from './props';
3
3
  export const NotificationRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-normal',
7
6
  'items-start',
8
7
 
9
8
  // Box
package/src/components/or-overlay-v3/styles.ts CHANGED
@@ -5,8 +5,8 @@ export const OverlayRoot: string[] = [
5
5
 
6
6
  // Layout
7
7
  'flex',
8
- 'justify-center',
9
8
  'items-center',
9
+ 'justify-center',
10
10
 
11
11
  // Theme
12
12
  'bg-overlay',
package/src/components/or-radio-v3/styles.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export const RadioRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-normal',
5
4
  'items-center',
6
5
 
7
6
  // Sizing
@@ -11,8 +10,8 @@ export const RadioRoot: string[] = [
11
10
  export const RadioControl: string[] = [
12
11
  // Layout
13
12
  'flex',
14
- 'justify-center',
15
13
  'items-center',
14
+ 'justify-center',
16
15
 
17
16
  // Box
18
17
  'w-[20px] md:w-[16px]',
package/src/components/or-select-v3/styles.ts CHANGED
@@ -10,7 +10,6 @@ export const SelectRoot: string[] = [
10
10
  export const SelectControl: string[] = [
11
11
  // Layout
12
12
  'flex grow',
13
- 'justify-normal',
14
13
  'items-center',
15
14
 
16
15
  'overflow-hidden',
@@ -49,8 +48,8 @@ export const SelectDropdown: string[] = [
49
48
  export const SelectNoSearchResults: string[] = [
50
49
  // Layout
51
50
  'flex',
52
- 'justify-center',
53
51
  'items-center',
52
+ 'justify-center',
54
53
 
55
54
  // Sizing
56
55
  'px-md',
package/src/components/or-switch-v3/styles.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export const SwitchRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-normal',
5
4
  'items-center',
6
5
 
7
6
  // Sizing
@@ -11,8 +10,8 @@ export const SwitchRoot: string[] = [
11
10
  export const SwitchControl: string[] = [
12
11
  // Layout
13
12
  'flex',
14
- 'justify-start checked:justify-end',
15
13
  'items-center',
14
+ 'justify-start checked:justify-end',
16
15
 
17
16
  // Box
18
17
  'w-[43px] md:w-[37px]',
@@ -95,8 +94,8 @@ export const SwitchControlHandle: string[] = [
95
94
  export const SwitchLoader: string[] = [
96
95
  // Layout
97
96
  'flex',
98
- 'justify-center',
99
97
  'items-center',
98
+ 'justify-center',
100
99
 
101
100
  // Box
102
101
  'w-[24px] md:w-[20px]',
package/src/components/or-tab-v3/styles.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export const TabRoot: string[] = [
2
2
  // Layout
3
3
  'flex',
4
- 'justify-center',
5
4
  'items-center',
5
+ 'justify-center',
6
6
 
7
7
  // Sizing
8
8
  'py-[6px]',
package/src/components/or-tabs-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { TabsVariant } from './props';
3
3
  export const TabsRoot: string[] = [
4
4
  // Layout
5
5
  'grid',
6
- 'justify-normal',
7
6
  'items-center',
8
7
 
9
8
  'grid-flow-col',
package/src/components/or-tag-v3/styles.ts CHANGED
@@ -3,8 +3,8 @@ import { TagColor, TagVariant } from './props';
3
3
  export const TagRoot: string[] = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-center',
7
6
  'items-center',
7
+ 'justify-center',
8
8
 
9
9
  // Box
10
10
  'max-w-max',
package/src/components/or-toast-v3/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { PositionsX, PositionsY, ToastType } from './props';
3
3
  export const ToastRoot = [
4
4
  // Layout
5
5
  'flex',
6
- 'justify-normal',
7
6
  'items-start',
8
7
 
9
8
  // Box