@ultraviolet/ui 3.5.1 → 3.7.0
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.
- package/README.md +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +2 -1
- package/dist/components/Checkbox/styles.css.d.ts +4 -3
- package/dist/components/Checkbox/styles.css.d.ts.map +1 -1
- package/dist/components/Checkbox/styles.css.js +12 -5
- package/dist/components/CheckboxGroup/index.js +2 -2
- package/dist/components/CheckboxGroup/styles.css.d.ts +1 -1
- package/dist/components/CheckboxGroup/styles.css.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/styles.css.js +2 -2
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Drawer/styles.css.d.ts +1 -0
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/styles.css.js +2 -2
- package/dist/components/ExpandableCard/styles.css.d.ts +2 -2
- package/dist/components/ExpandableCard/styles.css.d.ts.map +1 -1
- package/dist/components/ExpandableCard/styles.css.js +5 -5
- package/dist/components/LineChart/CustomLegend.d.ts.map +1 -1
- package/dist/components/LineChart/CustomLegend.js +13 -4
- package/dist/components/LineChart/Tooltip.d.ts +3 -1
- package/dist/components/LineChart/Tooltip.d.ts.map +1 -1
- package/dist/components/LineChart/Tooltip.js +7 -3
- package/dist/components/LineChart/index.d.ts +6 -2
- package/dist/components/LineChart/index.d.ts.map +1 -1
- package/dist/components/LineChart/index.js +14 -1
- package/dist/components/LineChart/styles.css.d.ts +2 -0
- package/dist/components/LineChart/styles.css.d.ts.map +1 -1
- package/dist/components/LineChart/styles.css.js +6 -2
- package/dist/components/List/Row.d.ts +1 -0
- package/dist/components/List/Row.d.ts.map +1 -1
- package/dist/components/List/Row.js +9 -3
- package/dist/components/List/styles.css.d.ts +1 -1
- package/dist/components/List/styles.css.d.ts.map +1 -1
- package/dist/components/List/styles.css.js +3 -4
- package/dist/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/components/Menu/MenuContent.js +4 -0
- package/dist/components/Menu/components/Item.d.ts.map +1 -1
- package/dist/components/Menu/components/Item.js +4 -0
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Modal/styles.css.d.ts.map +1 -1
- package/dist/components/Modal/styles.css.js +1 -0
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popup/helpers.d.ts +1 -1
- package/dist/components/Popup/helpers.d.ts.map +1 -1
- package/dist/components/Popup/helpers.js +6 -6
- package/dist/components/Popup/index.d.ts +1 -1
- package/dist/components/Popup/index.d.ts.map +1 -1
- package/dist/components/Popup/index.js +1 -1
- package/dist/components/ProgressBar/styles.css.js +1 -0
- package/dist/components/ProgressBar/variables.css.js +0 -1
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.js +10 -3
- package/dist/components/Radio/styles.css.d.ts +2 -1
- package/dist/components/Radio/styles.css.d.ts.map +1 -1
- package/dist/components/Radio/styles.css.js +10 -5
- package/dist/components/SearchInput/styles.css.d.ts.map +1 -1
- package/dist/components/SearchInput/styles.css.js +0 -1
- package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/selectBar.css.js +2 -0
- package/dist/components/SelectableCard/index.d.ts.map +1 -1
- package/dist/components/SelectableCard/index.js +2 -2
- package/dist/components/SelectableCard/styles.css.d.ts +2 -1
- package/dist/components/SelectableCard/styles.css.d.ts.map +1 -1
- package/dist/components/SelectableCard/styles.css.js +4 -5
- package/dist/components/SelectableCardOptionGroup/styles.css.d.ts.map +1 -1
- package/dist/components/SelectableCardOptionGroup/styles.css.js +0 -2
- package/dist/components/SwitchButton/Option.d.ts.map +1 -1
- package/dist/components/SwitchButton/Option.js +6 -2
- package/dist/components/SwitchButton/styles.css.d.ts +2 -1
- package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
- package/dist/components/SwitchButton/styles.css.js +6 -2
- package/dist/components/Table/Row.d.ts.map +1 -1
- package/dist/components/Table/Row.js +6 -2
- package/dist/components/Table/styles.css.d.ts +1 -0
- package/dist/components/Table/styles.css.d.ts.map +1 -1
- package/dist/components/Table/styles.css.js +2 -0
- package/dist/components/Tabs/styles.css.d.ts +2 -2
- package/dist/components/Tabs/styles.css.d.ts.map +1 -1
- package/dist/components/Tabs/styles.css.js +4 -4
- package/dist/components/TagList/index.d.ts.map +1 -1
- package/dist/components/TagList/index.js +3 -3
- package/dist/components/TagList/styles.css.d.ts +1 -0
- package/dist/components/TagList/styles.css.d.ts.map +1 -1
- package/dist/components/TagList/styles.css.js +3 -1
- package/dist/components/TextInput/styles.css.d.ts +1 -1
- package/dist/components/TextInput/styles.css.d.ts.map +1 -1
- package/dist/components/TextInput/styles.css.js +4 -3
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/UnitInput/styles.css.d.ts.map +1 -1
- package/dist/components/UnitInput/styles.css.js +0 -1
- package/dist/components/compositions/OptionSelector/RevealOnHover.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/RevealOnHover.js +4 -4
- package/dist/components/compositions/OptionSelector/styles.css.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +1 -1
- package/dist/ui.css +1 -1
- package/package.json +10 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjBvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA4GR,CAAA"}
|
|
@@ -28,7 +28,7 @@ type ComputePositionsTypes = {
|
|
|
28
28
|
*/
|
|
29
29
|
export declare const computePositions: ({ placement, childrenRef, popupRef, popupPortalTarget, hasArrow, align, }: ComputePositionsTypes) => {
|
|
30
30
|
arrowLeft: number;
|
|
31
|
-
arrowTop:
|
|
31
|
+
arrowTop: string;
|
|
32
32
|
arrowTransform: string;
|
|
33
33
|
placement: string;
|
|
34
34
|
popupInitialPosition: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;CAqPvB,CAAA"}
|
|
@@ -187,7 +187,7 @@ const computePositions = ({
|
|
|
187
187
|
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
188
188
|
return {
|
|
189
189
|
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
190
|
-
arrowTop: -arrowWidth - 5
|
|
190
|
+
arrowTop: `${-arrowWidth - 5}px`,
|
|
191
191
|
arrowTransform: "",
|
|
192
192
|
placement: "bottom",
|
|
193
193
|
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
|
|
@@ -200,7 +200,7 @@ const computePositions = ({
|
|
|
200
200
|
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
201
201
|
return {
|
|
202
202
|
arrowLeft: popupWidth + arrowWidth + 5,
|
|
203
|
-
arrowTop:
|
|
203
|
+
arrowTop: "50%",
|
|
204
204
|
arrowTransform: "translate(-50%, -50%)",
|
|
205
205
|
placement: "left",
|
|
206
206
|
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
@@ -213,7 +213,7 @@ const computePositions = ({
|
|
|
213
213
|
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
214
214
|
return {
|
|
215
215
|
arrowLeft: -arrowWidth - 5,
|
|
216
|
-
arrowTop:
|
|
216
|
+
arrowTop: "50%",
|
|
217
217
|
arrowTransform: "translate(50%, -50%)",
|
|
218
218
|
placement: "right",
|
|
219
219
|
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
@@ -234,7 +234,7 @@ const computePositions = ({
|
|
|
234
234
|
const positionY2 = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
|
|
235
235
|
return {
|
|
236
236
|
arrowLeft: -arrowWidth - 5,
|
|
237
|
-
arrowTop:
|
|
237
|
+
arrowTop: "50%",
|
|
238
238
|
arrowTransform: "translate(50%, -50%)",
|
|
239
239
|
placement: "right",
|
|
240
240
|
popupInitialPosition: `translate3d(${positionX2 - TOTAL_USED_SPACE}px, ${positionY2 + popupOverflow}px, 0)`,
|
|
@@ -246,7 +246,7 @@ const computePositions = ({
|
|
|
246
246
|
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
247
247
|
return {
|
|
248
248
|
arrowLeft: popupWidth + arrowWidth + 5,
|
|
249
|
-
arrowTop:
|
|
249
|
+
arrowTop: "50%",
|
|
250
250
|
arrowTransform: "translate(-50%, -50%)",
|
|
251
251
|
placement: "left",
|
|
252
252
|
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
@@ -261,7 +261,7 @@ const computePositions = ({
|
|
|
261
261
|
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
262
262
|
return {
|
|
263
263
|
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
264
|
-
arrowTop: popupHeight - 1
|
|
264
|
+
arrowTop: `${popupHeight - 1}px`,
|
|
265
265
|
arrowTransform: "",
|
|
266
266
|
placement: "top",
|
|
267
267
|
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
@@ -2,7 +2,7 @@ import type { CSSProperties, HTMLAttributes, KeyboardEventHandler, ReactNode, Re
|
|
|
2
2
|
import type { PopupAlign, PopupPlacement } from './helpers';
|
|
3
3
|
export type PositionsType = {
|
|
4
4
|
arrowLeft: number;
|
|
5
|
-
arrowTop: number;
|
|
5
|
+
arrowTop: string | number;
|
|
6
6
|
arrowTransform: string;
|
|
7
7
|
placement: string;
|
|
8
8
|
rotate: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AASD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAgfjB,CAAA"}
|
|
@@ -385,7 +385,7 @@ const Popup = forwardRef(
|
|
|
385
385
|
role,
|
|
386
386
|
style: {
|
|
387
387
|
...assignInlineVars({
|
|
388
|
-
[arrowTop]: `${positions.arrowTop}
|
|
388
|
+
[arrowTop]: `${positions.arrowTop}`,
|
|
389
389
|
[arrowLeft]: `${positions.arrowLeft}px`,
|
|
390
390
|
[arrowTransform]: `${positions.arrowTransform} rotate(${positions.rotate}deg)`,
|
|
391
391
|
[popupPosition]: positions.popupPosition,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAyB5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAoGjB,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { forwardRef, useId } from "react";
|
|
|
5
5
|
import { Stack } from "../Stack/index.js";
|
|
6
6
|
import { Text } from "../Text/index.js";
|
|
7
7
|
import { Tooltip } from "../Tooltip/index.js";
|
|
8
|
-
import { radioStack, radio, ring, textLabel, labelStyle, container, margedText, innerCircleRing, radioMark } from "./styles.css.js";
|
|
8
|
+
import { radioStack, radio, ring, textLabel, labelRadio, labelStyle, container, margedText, innerCircleRing, radioMark } from "./styles.css.js";
|
|
9
9
|
const RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [
|
|
10
10
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
|
|
11
11
|
/* @__PURE__ */ jsx("circle", { className: innerCircleRing, cx: "12", cy: "12", r: "8" }),
|
|
@@ -75,13 +75,20 @@ const Radio = forwardRef(
|
|
|
75
75
|
Text,
|
|
76
76
|
{
|
|
77
77
|
as: "label",
|
|
78
|
-
className: textLabel,
|
|
78
|
+
className: cn(textLabel, labelRadio),
|
|
79
79
|
htmlFor: localId,
|
|
80
80
|
prominence: "default",
|
|
81
81
|
variant: "body",
|
|
82
82
|
children: label
|
|
83
83
|
}
|
|
84
|
-
) : /* @__PURE__ */ jsx(
|
|
84
|
+
) : /* @__PURE__ */ jsx(
|
|
85
|
+
"label",
|
|
86
|
+
{
|
|
87
|
+
className: cn(labelStyle, labelRadio),
|
|
88
|
+
htmlFor: localId,
|
|
89
|
+
children: label
|
|
90
|
+
}
|
|
91
|
+
) })
|
|
85
92
|
) : null
|
|
86
93
|
]
|
|
87
94
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
export declare const innerCircleRing: string;
|
|
2
1
|
export declare const radioStack: string;
|
|
3
2
|
export declare const margedText: string;
|
|
4
3
|
export declare const container: string;
|
|
5
4
|
export declare const textLabel: string;
|
|
5
|
+
export declare const labelRadio: string;
|
|
6
6
|
export declare const labelStyle: string;
|
|
7
7
|
export declare const radio: string;
|
|
8
8
|
export declare const ring: string;
|
|
9
9
|
export declare const radioMark: string;
|
|
10
|
+
export declare const innerCircleRing: string;
|
|
10
11
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,QAcrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,SAAS,QASpB,CAAA;AAEF,eAAO,MAAM,UAAU,QA2BrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,KAAK,QAahB,CAAA;AAEF,eAAO,MAAM,IAAI,QA0Cf,CAAA;AAEF,eAAO,MAAM,SAAS,QAWpB,CAAA;AAEF,eAAO,MAAM,eAAe,QAkB1B,CAAA"}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
1
4
|
/* empty css */
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var radioStack = "uv_17da2jl0";
|
|
6
|
+
var margedText = "uv_17da2jl1";
|
|
7
|
+
var container = "uv_17da2jl2";
|
|
8
|
+
var textLabel = "uv_17da2jl3";
|
|
9
|
+
var labelRadio = "uv_17da2jl4";
|
|
7
10
|
var labelStyle = "uv_17da2jl5";
|
|
8
11
|
var radio = "uv_17da2jl6";
|
|
9
12
|
var ring = "uv_17da2jl7";
|
|
10
13
|
var radioMark = "uv_17da2jl8";
|
|
14
|
+
var innerCircleRing = "uv_17da2jl9";
|
|
11
15
|
export {
|
|
12
16
|
container,
|
|
13
17
|
innerCircleRing,
|
|
18
|
+
labelRadio,
|
|
14
19
|
labelStyle,
|
|
15
20
|
margedText,
|
|
16
21
|
radio,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,QAO3B,CAAA;AAEF,eAAO,MAAM,WAAW,QAAY,CAAA;AAEpC,eAAO,MAAM,cAAc,QAA4B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAvDT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;EAoJjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAkB5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAkR1B,CAAA"}
|
|
@@ -9,7 +9,7 @@ import { Checkbox } from "../Checkbox/index.js";
|
|
|
9
9
|
import { Radio } from "../Radio/index.js";
|
|
10
10
|
import { Stack } from "../Stack/index.js";
|
|
11
11
|
import { Tooltip } from "../Tooltip/index.js";
|
|
12
|
-
import { illustrationSelectableCard, divSelectableCard, imageSelectableCard, selectableElementSelectableCard, stackSelectableCard, indentedCard, containerSelectableCard,
|
|
12
|
+
import { illustrationSelectableCard, divSelectableCard, imageSelectableCard, selectableElementSelectableCard, stackSelectableCard, indentedCard, containerSelectableCard, labelContainerSelectableCardLabel, labelContainerSelectableCardNoLabel } from "./styles.css.js";
|
|
13
13
|
import { widthSelectable, labelDisplay, inputDisplay } from "./variables.css.js";
|
|
14
14
|
const SelectableCard = forwardRef(
|
|
15
15
|
({
|
|
@@ -146,7 +146,7 @@ const SelectableCard = forwardRef(
|
|
|
146
146
|
cursor: type === "checkbox" && isComplexChildren ? "default" : "custom",
|
|
147
147
|
image
|
|
148
148
|
}),
|
|
149
|
-
|
|
149
|
+
label ? labelContainerSelectableCardLabel : labelContainerSelectableCardNoLabel
|
|
150
150
|
),
|
|
151
151
|
"data-checked": checked,
|
|
152
152
|
"data-disabled": disabled,
|
|
@@ -18,7 +18,8 @@ export declare const containerSelectableCard: import("@vanilla-extract/recipes")
|
|
|
18
18
|
none: {};
|
|
19
19
|
};
|
|
20
20
|
}>;
|
|
21
|
-
export declare const
|
|
21
|
+
export declare const labelContainerSelectableCardLabel: string;
|
|
22
|
+
export declare const labelContainerSelectableCardNoLabel: string;
|
|
22
23
|
export declare const divSelectableCard: string;
|
|
23
24
|
export declare const imageSelectableCard: string;
|
|
24
25
|
export declare const illustrationSelectableCard: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;EA4DlC,CAAA;AAEF,eAAO,MAAM,iCAAiC,QAM5C,CAAA;AACF,eAAO,MAAM,mCAAmC,QAAY,CAAA;AAE5D,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAIrC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAS9B,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAc1C,CAAA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
1
|
/* empty css */
|
|
5
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
3
|
var containerSelectableCard = createRuntimeFn({ defaultClassName: "uv_475tnd0", variantClassNames: { cursor: { custom: "uv_475tnd1", "default": "uv_475tnd2" }, image: { icon: "uv_475tnd3", illustration: "uv_475tnd4", none: "uv_475tnd5" } }, defaultVariants: { cursor: "custom", image: "none" }, compoundVariants: [] });
|
|
7
|
-
var
|
|
4
|
+
var labelContainerSelectableCardLabel = "uv_475tnd6";
|
|
5
|
+
var labelContainerSelectableCardNoLabel = "uv_475tnd7";
|
|
8
6
|
var divSelectableCard = "uv_475tnd8";
|
|
9
7
|
var imageSelectableCard = "uv_475tnd9";
|
|
10
8
|
var illustrationSelectableCard = "uv_475tnda";
|
|
@@ -17,7 +15,8 @@ export {
|
|
|
17
15
|
illustrationSelectableCard,
|
|
18
16
|
imageSelectableCard,
|
|
19
17
|
indentedCard,
|
|
20
|
-
|
|
18
|
+
labelContainerSelectableCardLabel,
|
|
19
|
+
labelContainerSelectableCardNoLabel,
|
|
21
20
|
selectableElementSelectableCard,
|
|
22
21
|
stackSelectableCard
|
|
23
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,QAIvC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAA4B,CAAA;AAEzD,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAC1C,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAClD,eAAO,MAAM,sBAAsB,QAAY,CAAA;AAE/C,eAAO,MAAM,YAAY,QAEvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/Option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,MAAM,GAAI,2EAOpB,WAAW,4CAkDb,CAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@ultraviolet/utils";
|
|
3
4
|
import { useRef, useEffect } from "react";
|
|
4
5
|
import { SelectableCard } from "../SelectableCard/index.js";
|
|
5
6
|
import { useSwitchButton } from "./SwitchButtonContext.js";
|
|
6
|
-
import {
|
|
7
|
+
import { switchButtonOptionNeutral, switchButtonOptionPrimary, switchButtonOptionBase } from "./styles.css.js";
|
|
7
8
|
const Option = ({
|
|
8
9
|
value,
|
|
9
10
|
children,
|
|
@@ -37,7 +38,10 @@ const Option = ({
|
|
|
37
38
|
SelectableCard,
|
|
38
39
|
{
|
|
39
40
|
checked: localValue === value,
|
|
40
|
-
className:
|
|
41
|
+
className: cn(
|
|
42
|
+
sentiment === "neutral" ? switchButtonOptionNeutral : switchButtonOptionPrimary,
|
|
43
|
+
switchButtonOptionBase
|
|
44
|
+
),
|
|
41
45
|
"data-checked": localValue === value,
|
|
42
46
|
"data-testid": dataTestId ?? `switch-button-${value}`,
|
|
43
47
|
disabled: !!disabled,
|
|
@@ -3,6 +3,7 @@ export declare const switchButtonOptionBase: string;
|
|
|
3
3
|
/**
|
|
4
4
|
* Create style variant so it is easier to deal with the global styles
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const switchButtonOptionPrimary: string;
|
|
7
|
+
export declare const switchButtonOptionNeutral: string;
|
|
7
8
|
export declare const focusOverlay: Record<"primary" | "neutral", string>;
|
|
8
9
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/styles.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,qBAAqB,oCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAuBjC,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/styles.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,qBAAqB,oCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAuBjC,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAClD,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAUlD,eAAO,MAAM,YAAY,uCASvB,CAAA"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
var switchButtonContainer = { medium: "uv_m5izgx1 uv_m5izgx0", small: "uv_m5izgx2 uv_m5izgx0" };
|
|
3
|
-
var
|
|
3
|
+
var switchButtonOptionBase = "uv_m5izgx3";
|
|
4
|
+
var switchButtonOptionPrimary = "uv_m5izgx4";
|
|
5
|
+
var switchButtonOptionNeutral = "uv_m5izgx5";
|
|
4
6
|
var focusOverlay = { neutral: "uv_m5izgx7 uv_m5izgx6", primary: "uv_m5izgx8 uv_m5izgx6" };
|
|
5
7
|
export {
|
|
6
8
|
focusOverlay,
|
|
7
9
|
switchButtonContainer,
|
|
8
|
-
|
|
10
|
+
switchButtonOptionBase,
|
|
11
|
+
switchButtonOptionNeutral,
|
|
12
|
+
switchButtonOptionPrimary
|
|
9
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAgBhE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CAgKV,CAAA"}
|
|
@@ -10,7 +10,7 @@ import { ColumnProvider } from "../List/ColumnProvider.js";
|
|
|
10
10
|
import { listNoPaddingCell, listCheckboxInRange } from "../List/styles.css.js";
|
|
11
11
|
import { Tooltip } from "../Tooltip/index.js";
|
|
12
12
|
import { Cell } from "./Cell.js";
|
|
13
|
-
import { tableCheckboxContainer, tableTrAnimation, tableExpandableWrapper } from "./styles.css.js";
|
|
13
|
+
import { tableCheckboxContainer, tableTrAnimation, tableRow, tableExpandableWrapper } from "./styles.css.js";
|
|
14
14
|
import { useTableContext } from "./TableContext.js";
|
|
15
15
|
const Row = ({
|
|
16
16
|
children,
|
|
@@ -72,7 +72,11 @@ const Row = ({
|
|
|
72
72
|
/* @__PURE__ */ jsxs(
|
|
73
73
|
"tr",
|
|
74
74
|
{
|
|
75
|
-
className: cn(
|
|
75
|
+
className: cn(
|
|
76
|
+
className,
|
|
77
|
+
highlightAnimation ? tableTrAnimation : "",
|
|
78
|
+
tableRow
|
|
79
|
+
),
|
|
76
80
|
"data-testid": dataTestid,
|
|
77
81
|
role: canClickRowToExpand ? "button row" : "row",
|
|
78
82
|
style,
|
|
@@ -66,4 +66,5 @@ export declare const tableCheckboxContainer: string;
|
|
|
66
66
|
export declare const tableTrAnimation: string;
|
|
67
67
|
export declare const tableSkeletonRow: string;
|
|
68
68
|
export declare const tableSkeleton: string;
|
|
69
|
+
export declare const tableRow: string;
|
|
69
70
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AACtC,eAAO,MAAM,aAAa,QAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AACtC,eAAO,MAAM,aAAa,QAAY,CAAA;AAEtC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAEtB,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;EA+B1B,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QASjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAC7D,eAAO,MAAM,aAAa,QAA4C,CAAA;AACtE,eAAO,MAAM,QAAQ,QASnB,CAAA"}
|
|
@@ -13,6 +13,7 @@ var tableCheckboxContainer = "uv_1cpcsczn";
|
|
|
13
13
|
var tableTrAnimation = "uv_1cpcsczo";
|
|
14
14
|
var tableSkeletonRow = "uv_1cpcsczp";
|
|
15
15
|
var tableSkeleton = "uv_1cpcsczq";
|
|
16
|
+
var tableRow = "uv_1cpcsczr";
|
|
16
17
|
export {
|
|
17
18
|
headerCellText,
|
|
18
19
|
table,
|
|
@@ -22,6 +23,7 @@ export {
|
|
|
22
23
|
tableExpandableWrapper,
|
|
23
24
|
tableHeader,
|
|
24
25
|
tableHeaderCell,
|
|
26
|
+
tableRow,
|
|
25
27
|
tableSkeleton,
|
|
26
28
|
tableSkeletonRow,
|
|
27
29
|
tableStripped,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const tabsMenuContainer: string;
|
|
2
2
|
export declare const tabsMenu: string;
|
|
3
3
|
export declare const tabsContainer: string;
|
|
4
|
-
export declare const tabsBadge: string;
|
|
5
|
-
export declare const tabsTextSelected: Record<"default" | "selected", string>;
|
|
6
4
|
export declare const tabsBadgeContainer: string;
|
|
7
5
|
export declare const tabsButton: string;
|
|
6
|
+
export declare const tabsBadge: string;
|
|
7
|
+
export declare const tabsTextSelected: Record<"default" | "selected", string>;
|
|
8
8
|
export declare const tabsArrowIcon: string;
|
|
9
9
|
export declare const tabsMenuWrapper: string;
|
|
10
10
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAOnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAuBxB,CAAA;AAEF,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAOnB,CAAA;AAEF,eAAO,MAAM,aAAa,QAuBxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,UAAU,QA+DrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAWpB,CAAA;AAEF,eAAO,MAAM,gBAAgB,wCAY3B,CAAA;AAEF,eAAO,MAAM,aAAa,QASxB,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
var tabsMenuContainer = "uv_1xz9hlg0";
|
|
3
3
|
var tabsMenu = "uv_1xz9hlg1";
|
|
4
4
|
var tabsContainer = "uv_1xz9hlg2";
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
5
|
+
var tabsBadgeContainer = "uv_1xz9hlg3";
|
|
6
|
+
var tabsButton = "uv_1xz9hlg4";
|
|
7
|
+
var tabsBadge = "uv_1xz9hlg5";
|
|
8
|
+
var tabsTextSelected = { "default": "uv_1xz9hlg6", selected: "uv_1xz9hlg7" };
|
|
9
9
|
var tabsArrowIcon = "uv_1xz9hlg8";
|
|
10
10
|
var tabsMenuWrapper = "uv_1xz9hlg9";
|
|
11
11
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAa5B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,2KAcrB,YAAY,mDAoRd,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { useRef, useState, useMemo, useEffect } from "react";
|
|
|
6
6
|
import { Popover } from "../Popover/index.js";
|
|
7
7
|
import { Tag } from "../Tag/index.js";
|
|
8
8
|
import { TAGS_GAP } from "./constant.js";
|
|
9
|
-
import { popoverTriggerWidthVar, tagContainer, ellipsisContainer, tagsWrapper, tagListContainer } from "./styles.css.js";
|
|
9
|
+
import { popoverTriggerWidthVar, tagContainer, ellipsisContainer, tagsWrapper, tagListContainer, ellipsisChild } from "./styles.css.js";
|
|
10
10
|
const DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
|
|
11
11
|
const DEFAULT_TAGS = [];
|
|
12
12
|
const getTagLabel = (tag) => typeof tag === "object" ? tag.label : tag;
|
|
@@ -129,7 +129,7 @@ const TagList = ({
|
|
|
129
129
|
const renderTag = (tag, index, isEllipsis = false) => typeof tag !== "string" && tag.icon ? /* @__PURE__ */ jsxs(
|
|
130
130
|
Tag,
|
|
131
131
|
{
|
|
132
|
-
className: isEllipsis ? "ellipsed" : "",
|
|
132
|
+
className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
|
|
133
133
|
copiable,
|
|
134
134
|
copiedText,
|
|
135
135
|
copyText,
|
|
@@ -142,7 +142,7 @@ const TagList = ({
|
|
|
142
142
|
) : /* @__PURE__ */ jsx(
|
|
143
143
|
Tag,
|
|
144
144
|
{
|
|
145
|
-
className: isEllipsis ? "ellipsed" : "",
|
|
145
|
+
className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
|
|
146
146
|
copiable,
|
|
147
147
|
copiedText,
|
|
148
148
|
copyText,
|
|
@@ -8,5 +8,6 @@ export declare const tagContainer: import("@vanilla-extract/recipes").RuntimeFn<
|
|
|
8
8
|
};
|
|
9
9
|
}>;
|
|
10
10
|
export declare const ellipsisContainer: string;
|
|
11
|
+
export declare const ellipsisChild: string;
|
|
11
12
|
export declare const tagsWrapper: string;
|
|
12
13
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AAEjD,eAAO,MAAM,gBAAgB,QAA6B,CAAA;AAE1D,eAAO,MAAM,YAAY;;;;;;EAcvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AAEjD,eAAO,MAAM,gBAAgB,QAA6B,CAAA;AAE1D,eAAO,MAAM,YAAY;;;;;;EAcvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAEF,eAAO,MAAM,WAAW,QAatB,CAAA"}
|
|
@@ -4,8 +4,10 @@ var popoverTriggerWidthVar = "var(--uv_1f9zr5y0)";
|
|
|
4
4
|
var tagListContainer = "uv_1f9zr5y1";
|
|
5
5
|
var tagContainer = createRuntimeFn({ defaultClassName: "uv_1f9zr5y2", variantClassNames: { multiline: { true: "uv_1f9zr5y3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
6
|
var ellipsisContainer = "uv_1f9zr5y4";
|
|
7
|
-
var
|
|
7
|
+
var ellipsisChild = "uv_1f9zr5y5";
|
|
8
|
+
var tagsWrapper = "uv_1f9zr5y6";
|
|
8
9
|
export {
|
|
10
|
+
ellipsisChild,
|
|
9
11
|
ellipsisContainer,
|
|
10
12
|
popoverTriggerWidthVar,
|
|
11
13
|
tagContainer,
|
|
@@ -3,7 +3,7 @@ export declare const basicPrefix: string;
|
|
|
3
3
|
export declare const stateStack: string;
|
|
4
4
|
export declare const basicSuffix: string;
|
|
5
5
|
export declare const ctaSuffix: string;
|
|
6
|
-
export declare const inputClass: string;
|
|
7
6
|
export declare const inputWrapperSizes: Record<"large" | "medium" | "small", string>;
|
|
8
7
|
export declare const inputWrapper: string;
|
|
8
|
+
export declare const inputClass: string;
|
|
9
9
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,oBAAc,CAAA;AAEtC,eAAO,MAAM,WAAW,QActB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,SAAS,QAMpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,8CAa7B,CAAA;AAED,eAAO,MAAM,YAAY,QAgCvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAwCrB,CAAA"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
var basicPrefix = "uv_q3q8041";
|
|
3
4
|
var stateStack = "uv_q3q8042";
|
|
4
5
|
var basicSuffix = "uv_q3q8043";
|
|
5
6
|
var ctaSuffix = "uv_q3q8044";
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
7
|
+
var inputWrapperSizes = { large: "uv_q3q8045", medium: "uv_q3q8046", small: "uv_q3q8047" };
|
|
8
|
+
var inputWrapper = "uv_q3q8048";
|
|
9
|
+
var inputClass = "uv_q3q8049";
|
|
9
10
|
export {
|
|
10
11
|
basicPrefix,
|
|
11
12
|
basicSuffix,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBAwCR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,oBAAc,CAAA;AAiC3C,eAAO,MAAM,eAAe,8CAI1B,CAAA;AAqBF,eAAO,MAAM,cAAc,2EA0DzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAkCjC,CAAA;AAQF,eAAO,MAAM,aAAa,8CAIxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAE7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealOnHover.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/RevealOnHover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,aAAa,GAAI,4BAG3B;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,YAAY,EAAE,SAAS,CAAA;CACxB,
|
|
1
|
+
{"version":3,"file":"RevealOnHover.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/RevealOnHover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,aAAa,GAAI,4BAG3B;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,YAAY,EAAE,SAAS,CAAA;CACxB,4CASA,CAAA"}
|