@fibery/ui-kit 1.42.0 → 2.0.1

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 (100) hide show
  1. package/.oxlintrc.json +24 -0
  2. package/CHANGELOG.md +20 -0
  3. package/eslint.config.mjs +1 -1
  4. package/jest.config.cjs +36 -0
  5. package/package.json +12 -52
  6. package/src/@types/css.d.ts +1 -0
  7. package/src/actions-menu/actions-menu-checkbox-item.tsx +74 -0
  8. package/src/actions-menu/contexts/actions-menu-context.tsx +1 -0
  9. package/src/actions-menu/index.tsx +1 -0
  10. package/src/animated-number.tsx +2 -2
  11. package/src/antd/AutoComplete.d.ts +1 -0
  12. package/src/app-icon-with-fallback.tsx +4 -4
  13. package/src/app-icon.tsx +4 -4
  14. package/src/appIcons.json +1227 -1227
  15. package/src/avatar.tsx +44 -5
  16. package/src/box.tsx +10 -17
  17. package/src/button/make-button-colors.ts +13 -13
  18. package/src/checkbox.tsx +3 -3
  19. package/src/collapsible-section.tsx +1 -1
  20. package/src/context-menu/index.tsx +4 -0
  21. package/src/date-picker/date-range-picker.tsx +1 -1
  22. package/src/date-picker/relative-date-picker.tsx +3 -0
  23. package/src/date-picker/single-date-picker.tsx +10 -9
  24. package/src/design-system/alpha.ts +9 -0
  25. package/src/design-system/colors-css.test.ts +1 -9
  26. package/src/design-system/colors-css.ts +1 -1
  27. package/src/design-system/colors.ts +351 -313
  28. package/src/design-system/layout.ts +1 -1
  29. package/src/design-system/theme.ts +4 -1
  30. package/src/design-system/vars.test.ts +4 -0
  31. package/src/design-system.test.ts +1 -0
  32. package/src/design-system.ts +1 -1
  33. package/src/dropdown-menu/index.tsx +4 -0
  34. package/src/emoji-picker/primitives/emoji.tsx +12 -0
  35. package/src/emoji-picker/primitives/grid.tsx +100 -104
  36. package/src/emoji.tsx +1 -0
  37. package/src/file-item.tsx +308 -265
  38. package/src/icons/ast/AddDatabase.ts +1 -1
  39. package/src/icons/ast/AddIntegration.ts +1 -1
  40. package/src/icons/ast/ArrowsRightLeft.ts +1 -1
  41. package/src/icons/ast/ChatBubble.ts +1 -1
  42. package/src/icons/ast/ChatFloat.ts +1 -1
  43. package/src/icons/ast/ChatSidebar.ts +1 -1
  44. package/src/icons/ast/Clean.ts +1 -1
  45. package/src/icons/ast/Create.ts +1 -1
  46. package/src/icons/ast/ItemsTimeline.ts +1 -1
  47. package/src/icons/ast/Key.ts +1 -1
  48. package/src/icons/ast/NetworkAdd.ts +1 -1
  49. package/src/icons/ast/Print.ts +1 -1
  50. package/src/icons/ast/Success.ts +1 -1
  51. package/src/icons/ast/SuggestIntegration.ts +1 -1
  52. package/src/icons/ast/WarningTriangle.ts +1 -1
  53. package/src/icons/ast/Windows.ts +1 -1
  54. package/src/icons/svg/add-database.svg +1 -1
  55. package/src/icons/svg/add-integration.svg +1 -1
  56. package/src/icons/svg/arrows-right-left.svg +1 -1
  57. package/src/icons/svg/chat-bubble.svg +1 -1
  58. package/src/icons/svg/chat-float.svg +1 -1
  59. package/src/icons/svg/chat-sidebar.svg +3 -3
  60. package/src/icons/svg/clean.svg +1 -1
  61. package/src/icons/svg/create.svg +1 -1
  62. package/src/icons/svg/items-timeline.svg +1 -1
  63. package/src/icons/svg/key.svg +1 -1
  64. package/src/icons/svg/network-add.svg +1 -1
  65. package/src/icons/svg/print.svg +1 -1
  66. package/src/icons/svg/success.svg +1 -1
  67. package/src/icons/svg/suggest-integration.svg +1 -1
  68. package/src/icons/svg/warning-triangle.svg +1 -1
  69. package/src/icons/svg/windows.svg +1 -1
  70. package/src/images-gallery/images-gallery.tsx +24 -0
  71. package/src/lists/actions-menu-row-surface.tsx +2 -1
  72. package/src/logo.tsx +14 -13
  73. package/src/modal-menu/index.tsx +1 -0
  74. package/src/modal-menu/modal-menu-checkbox-item.tsx +50 -0
  75. package/src/online-users.tsx +45 -46
  76. package/src/palettes/slate-arch.colors-snapshot.test.ts +7 -7
  77. package/src/palettes/slate-user.colors-snapshot.test.ts +11 -11
  78. package/src/palettes/warm-arch.colors-snapshot.test.ts +7 -7
  79. package/src/palettes/warm-user.colors-snapshot.test.ts +7 -7
  80. package/src/popover/index.tsx +91 -203
  81. package/src/popover/popover-old.tsx +113 -0
  82. package/src/popover/popup-modifiers-context.ts +1 -1
  83. package/src/scale-generator.ts +2 -2
  84. package/src/select/components/clear-indicator.tsx +1 -1
  85. package/src/select/components/drop-down-indicator.tsx +2 -2
  86. package/src/select/components/group-heading.tsx +2 -2
  87. package/src/select/components/menu-list-virtualized.tsx +1 -1
  88. package/src/select/components/option.tsx +1 -1
  89. package/src/select/index.tsx +34 -37
  90. package/src/select/select-in-popover.tsx +34 -202
  91. package/src/select/select.tsx +5 -4
  92. package/src/select/styles.ts +3 -0
  93. package/src/thematic-state.ts +1 -1
  94. package/src/theme-provider.tsx +14 -2
  95. package/src/theme-styles.ts +14 -7
  96. package/src/toggle-button/toggle-button.tsx +48 -35
  97. package/src/tree-utils.test.ts +166 -0
  98. package/src/tree-utils.ts +107 -0
  99. package/src/file-item/use-register-in-image-gallery.tsx +0 -70
  100. package/src/file-item-2.tsx +0 -357
package/src/online-users.tsx CHANGED
@@ -3,7 +3,7 @@ import take from "lodash/take";
3
3
  import {useEffect, useRef, useState} from "react";
4
4
  import {AvatarImage} from "./avatar";
5
5
  import {getObjectColorMemoized, space, themeVars, tooltipDelay} from "./design-system";
6
- import {PopoverOld} from "./popover";
6
+ import {Popover} from "./popover";
7
7
  import {Tooltip} from "./tooltip";
8
8
 
9
9
  const offset = [0, space.s6] as [number, number];
@@ -184,54 +184,53 @@ export function OnlineUsers({
184
184
  )}
185
185
  </div>
186
186
  {Boolean(triggerElement) && users.length > maxVisibleUsers && (
187
- <PopoverOld
188
- offset={offset}
189
- popupContainerClassName={popupContainerClassName}
190
- popupClassName={popupClassName}
191
- placement="bottom"
192
- renderInPortal
193
- open={visible}
194
- onOpen={() => onShow()}
195
- onClose={() => onHide()}
196
- trigger={<></>}
197
- triggerDomElement={triggerElement}
198
- >
199
- <ul
200
- className={css`
201
- all: unset;
202
- color: ${themeVars.textColor};
203
- `}
204
- >
205
- {users.map(({avatarUrl, name, callBack}, index) => (
206
- <li
187
+ <Popover.Root open={visible} onOpen={() => onShow()} onClose={() => onHide()}>
188
+ <Popover.Trigger reference={triggerElement}></Popover.Trigger>
189
+ <Popover.Portal>
190
+ <Popover.Content
191
+ offset={offset}
192
+ popupContainerClassName={popupContainerClassName}
193
+ popupClassName={popupClassName}
194
+ placement="bottom"
195
+ >
196
+ <ul
207
197
  className={css`
208
- display: flex;
209
- gap: ${space.s6}px;
210
- align-items: center;
211
- padding-bottom: ${space.s6}px;
212
- &:last-of-type {
213
- padding-bottom: 0;
214
- }
198
+ all: unset;
199
+ color: ${themeVars.textColor};
215
200
  `}
216
- key={index}
217
201
  >
218
- <div
219
- onClick={() => {
220
- if (callBack) {
221
- callBack();
222
- }
223
- }}
224
- className={css`
225
- user-select: none;
226
- `}
227
- >
228
- <AvatarImage size={20} disableNativeTitle title={name} avatarUrl={avatarUrl} />
229
- </div>
230
- <div>{name}</div>
231
- </li>
232
- ))}
233
- </ul>
234
- </PopoverOld>
202
+ {users.map(({avatarUrl, name, callBack}, index) => (
203
+ <li
204
+ className={css`
205
+ display: flex;
206
+ gap: ${space.s6}px;
207
+ align-items: center;
208
+ padding-bottom: ${space.s6}px;
209
+ &:last-of-type {
210
+ padding-bottom: 0;
211
+ }
212
+ `}
213
+ key={index}
214
+ >
215
+ <div
216
+ onClick={() => {
217
+ if (callBack) {
218
+ callBack();
219
+ }
220
+ }}
221
+ className={css`
222
+ user-select: none;
223
+ `}
224
+ >
225
+ <AvatarImage size={20} disableNativeTitle title={name} avatarUrl={avatarUrl} />
226
+ </div>
227
+ <div>{name}</div>
228
+ </li>
229
+ ))}
230
+ </ul>
231
+ </Popover.Content>
232
+ </Popover.Portal>
233
+ </Popover.Root>
235
234
  )}
236
235
  </>
237
236
  );
package/src/palettes/slate-arch.colors-snapshot.test.ts CHANGED
@@ -730,8 +730,8 @@ test("snapshot", () =>
730
730
  "rgb(82,82,82) / oklch(43.86% 0 none) / hsl(none 0% 32.157%)",
731
731
  ],
732
732
  "colorSubtleBgAI": [
733
- "rgba(157,99,212,0.05) / oklch(61.214% 0.17209 305.79 / 0.05) / hsl(271 57% 61% / 0.05)",
734
- "rgba(131,73,182,0.1) / oklch(52.542% 0.17001 305.96 / 0.1) / hsl(272 43% 50% / 0.1)",
733
+ "rgba(157,99,212,0.05) / oklch(61.174% 0.17148 305.63 / 0.05) / hsl(270.8 56.784% 60.98% / 0.05)",
734
+ "rgba(131,73,182,0.1) / oklch(52.55% 0.16911 305.92 / 0.1) / hsl(271.93 42.745% 50% / 0.1)",
735
735
  ],
736
736
  "colorTextBadgeError": [
737
737
  "rgb(175,36,56) / oklch(49.583% 0.17352 19.151) / hsl(351.37 65.877% 41.373%)",
@@ -1086,7 +1086,7 @@ test("snapshot", () =>
1086
1086
  "0 0 0 1px rgba(82,82,82,0.7) / oklch(43.86% 0 none / 0.7) / hsl(none 0% 32.157% / 0.7)",
1087
1087
  ],
1088
1088
  "inputBorderFocusColor": [
1089
- "0 0 0 1px rgb(199,199,199) / oklch(82.968% 0 none) / hsl(none 0% 78.039%)",
1089
+ "0 0 0 1px rgb(199,199,199) / oklch(82.968% 0 none) / hsl(none 0% 78.039%)",
1090
1090
  "0 0 0 1px rgb(112,112,112) / oklch(54.517% 0 none) / hsl(none 0% 43.922%)",
1091
1091
  ],
1092
1092
  "inputBorderHoverColor": [
@@ -1186,12 +1186,12 @@ test("snapshot", () =>
1186
1186
  },
1187
1187
  ],
1188
1188
  "linkBorder": [
1189
- "0.5px solid "rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)"",
1190
- "0.5px solid "rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)"",
1189
+ "0.5px solid rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)",
1190
+ "0.5px solid rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)",
1191
1191
  ],
1192
1192
  "linkBorderHover": [
1193
- "0.5px solid "rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)"",
1194
- "0.5px solid "rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)"",
1193
+ "0.5px solid rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)",
1194
+ "0.5px solid rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)",
1195
1195
  ],
1196
1196
  "linkColor": [
1197
1197
  "rgb(56,105,204) / oklch(54.075% 0.16277 262.49) / hsl(220.14 59.2% 50.98%)",
package/src/palettes/slate-user.colors-snapshot.test.ts CHANGED
@@ -730,8 +730,8 @@ test("snapshot", () =>
730
730
  "rgb(82,82,82) / oklch(43.714% 0 none) / hsl(none 0% 32%)",
731
731
  ],
732
732
  "colorSubtleBgAI": [
733
- "rgba(157,99,212,0.05) / oklch(61.214% 0.17209 305.79 / 0.05) / hsl(271 57% 61% / 0.05)",
734
- "rgba(131,73,182,0.1) / oklch(52.542% 0.17001 305.96 / 0.1) / hsl(272 43% 50% / 0.1)",
733
+ "rgba(157,99,212,0.05) / oklch(61.174% 0.17148 305.63 / 0.05) / hsl(270.8 56.784% 60.98% / 0.05)",
734
+ "rgba(131,73,182,0.1) / oklch(52.55% 0.16911 305.92 / 0.1) / hsl(271.93 42.745% 50% / 0.1)",
735
735
  ],
736
736
  "colorTextBadgeError": [
737
737
  "rgb(206,44,49) / oklch(55.712% 0.19776 25.085) / hsl(358 65% 49%)",
@@ -1086,12 +1086,12 @@ test("snapshot", () =>
1086
1086
  "0 0 0 1px rgba(82,82,82,0.7) / oklch(43.86% 0 none / 0.7) / hsl(none 0% 32.157% / 0.7)",
1087
1087
  ],
1088
1088
  "inputBorderFocusColor": [
1089
- "0 0 0 1px rgb(199,199,199) / oklch(82.968% 0 none) / hsl(none 0% 78.039%)",
1090
- "0 0 0 1px rgb(112,112,112) / oklch(54.517% 0 none) / hsl(none 0% 43.922%)",
1089
+ "0 0 0 1px rgb(199,199,199) / oklch(82.937% 0 none) / hsl(none 0% 78%)",
1090
+ "0 0 0 1px rgb(112,112,112) / oklch(54.586% 0 none) / hsl(none 0% 44%)",
1091
1091
  ],
1092
1092
  "inputBorderHoverColor": [
1093
- "0 0 0 1px rgb(219,219,219) / oklch(89.143% 0 none) / hsl(none 0% 85.882%)",
1094
- "0 0 0 1px rgb(82,82,82) / oklch(43.86% 0 none) / hsl(none 0% 32.157%)",
1093
+ "0 0 0 1px rgb(219,219,219) / oklch(89.235% 0 none) / hsl(none 0% 86%)",
1094
+ "0 0 0 1px rgb(82,82,82) / oklch(43.714% 0 none) / hsl(none 0% 32%)",
1095
1095
  ],
1096
1096
  "inputCopyBgColor": [
1097
1097
  "rgb(245,245,245) / oklch(96.955% 0 none) / hsl(none 0% 96%)",
@@ -1127,7 +1127,7 @@ test("snapshot", () =>
1127
1127
  ],
1128
1128
  "instrumentsMenuBg": [
1129
1129
  "rgb(255,255,255) / oklch(100% 0 none) / hsl(none 0% 100%)",
1130
- "rgb(41,41,41) / oklch(28.094% 0 none) / hsl(none 0% 16.078%)",
1130
+ "rgb(41,41,41) / oklch(28.012% 0 none) / hsl(none 0% 16%)",
1131
1131
  ],
1132
1132
  "instrumentsMenuShadow": [
1133
1133
  "0px 0px 1px 0px rgba(94,94,94,0.2) / oklch(48.193% 0 none / 0.2) / hsl(none 0% 36.863% / 0.2), 0px 4px 6px 0px rgba(94,94,94,0.05) / oklch(48.193% 0 none / 0.05) / hsl(none 0% 36.863% / 0.05), 0px 3px 12px 0px rgba(94,94,94,0.1) / oklch(48.193% 0 none / 0.1) / hsl(none 0% 36.863% / 0.1)",
@@ -1186,12 +1186,12 @@ test("snapshot", () =>
1186
1186
  },
1187
1187
  ],
1188
1188
  "linkBorder": [
1189
- "0.5px solid "rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)"",
1190
- "0.5px solid "rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)"",
1189
+ "0.5px solid rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)",
1190
+ "0.5px solid rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)",
1191
1191
  ],
1192
1192
  "linkBorderHover": [
1193
- "0.5px solid "rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)"",
1194
- "0.5px solid "rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)"",
1193
+ "0.5px solid rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)",
1194
+ "0.5px solid rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)",
1195
1195
  ],
1196
1196
  "linkColor": [
1197
1197
  "rgb(56,105,204) / oklch(54.075% 0.16277 262.49) / hsl(220.14 59.2% 50.98%)",
package/src/palettes/warm-arch.colors-snapshot.test.ts CHANGED
@@ -730,8 +730,8 @@ test("snapshot", () =>
730
730
  "rgb(86,80,78) / oklch(43.639% 0.00861 39.394) / hsl(15 4.878% 32.157%)",
731
731
  ],
732
732
  "colorSubtleBgAI": [
733
- "rgba(157,99,212,0.05) / oklch(61.214% 0.17209 305.79 / 0.05) / hsl(271 57% 61% / 0.05)",
734
- "rgba(131,73,182,0.1) / oklch(52.542% 0.17001 305.96 / 0.1) / hsl(272 43% 50% / 0.1)",
733
+ "rgba(157,99,212,0.05) / oklch(61.174% 0.17148 305.63 / 0.05) / hsl(270.8 56.784% 60.98% / 0.05)",
734
+ "rgba(131,73,182,0.1) / oklch(52.55% 0.16911 305.92 / 0.1) / hsl(271.93 42.745% 50% / 0.1)",
735
735
  ],
736
736
  "colorTextBadgeError": [
737
737
  "rgb(175,36,54) / oklch(49.548% 0.1736 19.985) / hsl(352.23 65.877% 41.373%)",
@@ -1086,7 +1086,7 @@ test("snapshot", () =>
1086
1086
  "0 0 0 1px rgba(86,80,78,0.7) / oklch(43.639% 0.00861 39.394 / 0.7) / hsl(15 4.878% 32.157% / 0.7)",
1087
1087
  ],
1088
1088
  "inputBorderFocusColor": [
1089
- "0 0 0 1px rgb(204,198,191) / oklch(82.941% 0.01177 71.877) / hsl(32.308 11.304% 77.451%)",
1089
+ "0 0 0 1px rgb(204,198,191) / oklch(82.941% 0.01177 71.877) / hsl(32.308 11.304% 77.451%)",
1090
1090
  "0 0 0 1px rgb(117,111,109) / oklch(54.649% 0.00811 39.418) / hsl(15 3.5398% 44.314%)",
1091
1091
  ],
1092
1092
  "inputBorderHoverColor": [
@@ -1186,12 +1186,12 @@ test("snapshot", () =>
1186
1186
  },
1187
1187
  ],
1188
1188
  "linkBorder": [
1189
- "0.5px solid "rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)"",
1190
- "0.5px solid "rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)"",
1189
+ "0.5px solid rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)",
1190
+ "0.5px solid rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)",
1191
1191
  ],
1192
1192
  "linkBorderHover": [
1193
- "0.5px solid "rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)"",
1194
- "0.5px solid "rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)"",
1193
+ "0.5px solid rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)",
1194
+ "0.5px solid rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)",
1195
1195
  ],
1196
1196
  "linkColor": [
1197
1197
  "rgb(56,105,204) / oklch(54.075% 0.16277 262.49) / hsl(220.14 59.2% 50.98%)",
package/src/palettes/warm-user.colors-snapshot.test.ts CHANGED
@@ -730,8 +730,8 @@ test("snapshot", () =>
730
730
  "rgb(86,80,78) / oklch(43.639% 0.00861 39.394) / hsl(15 4.878% 32.157%)",
731
731
  ],
732
732
  "colorSubtleBgAI": [
733
- "rgba(157,99,212,0.05) / oklch(61.214% 0.17209 305.79 / 0.05) / hsl(271 57% 61% / 0.05)",
734
- "rgba(131,73,182,0.1) / oklch(52.542% 0.17001 305.96 / 0.1) / hsl(272 43% 50% / 0.1)",
733
+ "rgba(157,99,212,0.05) / oklch(61.174% 0.17148 305.63 / 0.05) / hsl(270.8 56.784% 60.98% / 0.05)",
734
+ "rgba(131,73,182,0.1) / oklch(52.55% 0.16911 305.92 / 0.1) / hsl(271.93 42.745% 50% / 0.1)",
735
735
  ],
736
736
  "colorTextBadgeError": [
737
737
  "rgb(175,36,54) / oklch(49.548% 0.1736 19.985) / hsl(352.23 65.877% 41.373%)",
@@ -1086,7 +1086,7 @@ test("snapshot", () =>
1086
1086
  "0 0 0 1px rgba(86,80,78,0.7) / oklch(43.639% 0.00861 39.394 / 0.7) / hsl(15 4.878% 32.157% / 0.7)",
1087
1087
  ],
1088
1088
  "inputBorderFocusColor": [
1089
- "0 0 0 1px rgb(204,198,191) / oklch(82.941% 0.01177 71.877) / hsl(32.308 11.304% 77.451%)",
1089
+ "0 0 0 1px rgb(204,198,191) / oklch(82.941% 0.01177 71.877) / hsl(32.308 11.304% 77.451%)",
1090
1090
  "0 0 0 1px rgb(117,111,109) / oklch(54.649% 0.00811 39.418) / hsl(15 3.5398% 44.314%)",
1091
1091
  ],
1092
1092
  "inputBorderHoverColor": [
@@ -1186,12 +1186,12 @@ test("snapshot", () =>
1186
1186
  },
1187
1187
  ],
1188
1188
  "linkBorder": [
1189
- "0.5px solid "rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)"",
1190
- "0.5px solid "rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)"",
1189
+ "0.5px solid rgba(56,105,204,0.4) / oklch(54.075% 0.16277 262.49 / 0.4) / hsl(220.14 59.2% 50.98% / 0.4)",
1190
+ "0.5px solid rgba(151,177,237,0.4) / oklch(76.313% 0.09135 266.18 / 0.4) / hsl(221.86 70.492% 76.078% / 0.4)",
1191
1191
  ],
1192
1192
  "linkBorderHover": [
1193
- "0.5px solid "rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)"",
1194
- "0.5px solid "rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)"",
1193
+ "0.5px solid rgba(56,105,204,0.8) / oklch(54.075% 0.16277 262.49 / 0.8) / hsl(220.14 59.2% 50.98% / 0.8)",
1194
+ "0.5px solid rgba(151,177,237,0.7) / oklch(76.313% 0.09135 266.18 / 0.7) / hsl(221.86 70.492% 76.078% / 0.7)",
1195
1195
  ],
1196
1196
  "linkColor": [
1197
1197
  "rgb(56,105,204) / oklch(54.075% 0.16277 262.49) / hsl(220.14 59.2% 50.98%)",