@ledgerhq/react-ui 0.14.1-nightly.0 → 0.14.2-nightly.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/lib/cjs/components/Chart/utils.js +3 -3
- package/lib/cjs/components/Chart/utils.js.map +2 -2
- package/lib/cjs/components/Table/Table.stories.js.map +2 -2
- package/lib/cjs/components/Table/stories.helper.js.map +2 -2
- package/lib/cjs/components/Tag/Tag.stories.js.map +2 -2
- package/lib/cjs/components/Tag/index.js.map +2 -2
- package/lib/cjs/components/asorted/Divider/index.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/ProviderIcon.js.map +2 -2
- package/lib/cjs/components/asorted/Icon/Providers.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Text/Text.stories.js.map +2 -2
- package/lib/cjs/components/asorted/Text/index.js.map +2 -2
- package/lib/cjs/components/cards/Carousel/Slide.js.map +2 -2
- package/lib/cjs/components/cards/Carousel/index.js +1 -4
- package/lib/cjs/components/cards/Carousel/index.js.map +2 -2
- package/lib/cjs/components/cta/Button/Button.stories.js.map +2 -2
- package/lib/cjs/components/cta/Button/index.js.map +2 -2
- package/lib/cjs/components/cta/Link/index.js.map +2 -2
- package/lib/cjs/components/form/BaseInput/index.js.map +2 -2
- package/lib/cjs/components/form/Checkbox/Checkbox.js.map +2 -2
- package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +1 -1
- package/lib/cjs/components/form/Dropdown/index.js.map +2 -2
- package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js.map +2 -2
- package/lib/cjs/components/form/DropdownGeneric/index.js.map +2 -2
- package/lib/cjs/components/form/LegendInput/index.js.map +2 -2
- package/lib/cjs/components/form/NumberInput/index.js.map +2 -2
- package/lib/cjs/components/form/QrCodeInput/index.js.map +2 -2
- package/lib/cjs/components/form/QuantityInput/index.js.map +2 -2
- package/lib/cjs/components/form/Radio/Radio.stories.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioElement.js.map +2 -2
- package/lib/cjs/components/form/Radio/RadioListElement.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Control.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/MenuList.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Option.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/Select.stories.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/VirtualMenuList.js.map +2 -2
- package/lib/cjs/components/form/SelectInput/index.js.map +2 -2
- package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +2 -2
- package/lib/cjs/components/form/Switch/Switch.js.map +2 -2
- package/lib/cjs/components/layout/Drawer/index.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +2 -2
- package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +2 -2
- package/lib/cjs/components/layout/Popin/index.js.map +2 -2
- package/lib/cjs/components/layout/Side/Side.stories.js.map +2 -2
- package/lib/cjs/components/layout/Side/index.js.map +2 -2
- package/lib/cjs/components/loaders/ProgressLoader/index.js.map +2 -2
- package/lib/cjs/components/message/Alert/index.js.map +2 -2
- package/lib/cjs/components/message/Log/index.js.map +2 -2
- package/lib/cjs/components/message/Notification/Badge.js.map +2 -2
- package/lib/cjs/components/message/Notification/index.js.map +2 -2
- package/lib/cjs/components/message/StatusNotification/index.js.map +2 -2
- package/lib/cjs/components/message/Tip/index.js.map +2 -2
- package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +2 -2
- package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +2 -2
- package/lib/cjs/components/navigation/Breadcrumb/index.js.map +2 -2
- package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +2 -2
- package/lib/cjs/components/navigation/FlowStepper/index.js.map +2 -2
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +2 -2
- package/lib/cjs/components/navigation/progress/Stepper/index.js +2 -1
- package/lib/cjs/components/navigation/progress/Stepper/index.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +2 -2
- package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +2 -2
- package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Bar/index.js.map +2 -2
- package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Chip/index.js.map +2 -2
- package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +2 -2
- package/lib/cjs/components/tabs/Pill/index.js.map +2 -2
- package/lib/cjs/components/tabs/Tabs/index.js.map +2 -2
- package/lib/cjs/components/transitions/TransitionInOut.js.map +2 -2
- package/lib/cjs/components/transitions/TransitionSlide.js.map +2 -2
- package/lib/cjs/styles/Spacing.stories.js.map +2 -2
- package/lib/cjs/styles/global.js.map +2 -2
- package/lib/cjs/styles/palettes/colors.stories.js.map +2 -2
- package/lib/cjs/styles/theme.js.map +2 -2
- package/lib/components/Chart/utils.js +3 -3
- package/lib/components/Chart/utils.js.map +1 -1
- package/lib/components/Table/stories.helper.js +15 -15
- package/lib/components/Table/stories.helper.js.map +1 -1
- package/lib/components/Tag/index.js +3 -3
- package/lib/components/Tag/index.js.map +1 -1
- package/lib/components/asorted/Divider/index.js +2 -2
- package/lib/components/asorted/Divider/index.js.map +1 -1
- package/lib/components/asorted/Icon/BoxedIcon.js +5 -5
- package/lib/components/asorted/Icon/BoxedIcon.js.map +1 -1
- package/lib/components/asorted/Icon/ProviderIcon.js +1 -1
- package/lib/components/asorted/Icon/ProviderIcon.js.map +1 -1
- package/lib/components/asorted/Text/index.js +3 -3
- package/lib/components/asorted/Text/index.js.map +1 -1
- package/lib/components/cards/Carousel/Slide.js +3 -3
- package/lib/components/cards/Carousel/Slide.js.map +1 -1
- package/lib/components/cards/Carousel/index.js +21 -21
- package/lib/components/cards/Carousel/index.js.map +1 -1
- package/lib/components/cta/Button/index.js +15 -15
- package/lib/components/cta/Button/index.js.map +1 -1
- package/lib/components/cta/Link/index.js +2 -2
- package/lib/components/cta/Link/index.js.map +1 -1
- package/lib/components/form/BaseInput/index.js +14 -14
- package/lib/components/form/BaseInput/index.js.map +1 -1
- package/lib/components/form/Checkbox/Checkbox.js +14 -14
- package/lib/components/form/Checkbox/Checkbox.js.map +1 -1
- package/lib/components/form/Dropdown/index.js +1 -1
- package/lib/components/form/Dropdown/index.js.map +1 -1
- package/lib/components/form/DropdownGeneric/index.d.ts +1 -1
- package/lib/components/form/DropdownGeneric/index.js +6 -6
- package/lib/components/form/DropdownGeneric/index.js.map +1 -1
- package/lib/components/form/LegendInput/index.js +2 -2
- package/lib/components/form/LegendInput/index.js.map +1 -1
- package/lib/components/form/NumberInput/index.js +5 -5
- package/lib/components/form/NumberInput/index.js.map +1 -1
- package/lib/components/form/QrCodeInput/index.js +4 -4
- package/lib/components/form/QrCodeInput/index.js.map +1 -1
- package/lib/components/form/QuantityInput/index.js +6 -6
- package/lib/components/form/QuantityInput/index.js.map +1 -1
- package/lib/components/form/Radio/RadioElement.js +29 -29
- package/lib/components/form/Radio/RadioElement.js.map +1 -1
- package/lib/components/form/Radio/RadioListElement.js +8 -8
- package/lib/components/form/Radio/RadioListElement.js.map +1 -1
- package/lib/components/form/SelectInput/Control.js +1 -1
- package/lib/components/form/SelectInput/Control.js.map +1 -1
- package/lib/components/form/SelectInput/DropdownIndicator.js +1 -1
- package/lib/components/form/SelectInput/DropdownIndicator.js.map +1 -1
- package/lib/components/form/SelectInput/MenuList.js +1 -1
- package/lib/components/form/SelectInput/MenuList.js.map +1 -1
- package/lib/components/form/SelectInput/Option.js +5 -5
- package/lib/components/form/SelectInput/Option.js.map +1 -1
- package/lib/components/form/SelectInput/ValueContainer.js +1 -1
- package/lib/components/form/SelectInput/ValueContainer.js.map +1 -1
- package/lib/components/form/SelectInput/VirtualMenuList.js +2 -2
- package/lib/components/form/SelectInput/VirtualMenuList.js.map +1 -1
- package/lib/components/form/SelectInput/index.js +7 -7
- package/lib/components/form/SelectInput/index.js.map +1 -1
- package/lib/components/form/Switch/Switch.js +17 -17
- package/lib/components/form/Switch/Switch.js.map +1 -1
- package/lib/components/layout/Drawer/index.js +5 -5
- package/lib/components/layout/Drawer/index.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js +5 -5
- package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/TimelineItem.js +3 -3
- package/lib/components/layout/List/VerticalTimeline/TimelineItem.js.map +1 -1
- package/lib/components/layout/List/VerticalTimeline/index.js +2 -2
- package/lib/components/layout/List/VerticalTimeline/index.js.map +1 -1
- package/lib/components/layout/Popin/index.js +2 -2
- package/lib/components/layout/Popin/index.js.map +1 -1
- package/lib/components/layout/Side/index.js +1 -1
- package/lib/components/layout/Side/index.js.map +1 -1
- package/lib/components/loaders/ProgressLoader/index.js +2 -2
- package/lib/components/loaders/ProgressLoader/index.js.map +1 -1
- package/lib/components/message/Alert/index.js +1 -1
- package/lib/components/message/Alert/index.js.map +1 -1
- package/lib/components/message/Log/index.js +1 -1
- package/lib/components/message/Log/index.js.map +1 -1
- package/lib/components/message/Notification/Badge.js +2 -2
- package/lib/components/message/Notification/Badge.js.map +1 -1
- package/lib/components/message/Notification/index.js +3 -3
- package/lib/components/message/Notification/index.js.map +1 -1
- package/lib/components/message/StatusNotification/index.js +2 -2
- package/lib/components/message/StatusNotification/index.js.map +1 -1
- package/lib/components/message/Tip/index.js +3 -3
- package/lib/components/message/Tip/index.js.map +1 -1
- package/lib/components/navigation/Breadcrumb/index.js +3 -3
- package/lib/components/navigation/Breadcrumb/index.js.map +1 -1
- package/lib/components/navigation/FlowStepper/index.js +1 -1
- package/lib/components/navigation/FlowStepper/index.js.map +1 -1
- package/lib/components/navigation/progress/ProgressBar/Onboarding.js +8 -8
- package/lib/components/navigation/progress/ProgressBar/Onboarding.js.map +1 -1
- package/lib/components/navigation/progress/Stepper/index.js +10 -9
- package/lib/components/navigation/progress/Stepper/index.js.map +1 -1
- package/lib/components/navigation/sideBar/Item/Item.js +22 -22
- package/lib/components/navigation/sideBar/Item/Item.js.map +1 -1
- package/lib/components/navigation/sideBar/SideBar/SideBar.js +8 -8
- package/lib/components/navigation/sideBar/SideBar/SideBar.js.map +1 -1
- package/lib/components/navigation/sideBar/Toggle/Toggle.js +3 -3
- package/lib/components/navigation/sideBar/Toggle/Toggle.js.map +1 -1
- package/lib/components/tabs/Bar/index.js +3 -3
- package/lib/components/tabs/Bar/index.js.map +1 -1
- package/lib/components/tabs/Chip/index.js +3 -3
- package/lib/components/tabs/Chip/index.js.map +1 -1
- package/lib/components/tabs/Pill/index.js +6 -6
- package/lib/components/tabs/Pill/index.js.map +1 -1
- package/lib/components/tabs/Tabs/index.js +11 -11
- package/lib/components/tabs/Tabs/index.js.map +1 -1
- package/lib/components/transitions/TransitionInOut.js +1 -1
- package/lib/components/transitions/TransitionInOut.js.map +1 -1
- package/lib/components/transitions/TransitionSlide.js +3 -3
- package/lib/components/transitions/TransitionSlide.js.map +1 -1
- package/lib/styles/global.js +2 -2
- package/lib/styles/global.js.map +1 -1
- package/lib/styles/theme.js +4 -4
- package/lib/styles/theme.js.map +1 -1
- package/package.json +3 -9
|
@@ -12,16 +12,16 @@ const Bar = styled.div `
|
|
|
12
12
|
height: 4px;
|
|
13
13
|
border-radius: 2px;
|
|
14
14
|
/* Disable left/right border radius to match the handler */
|
|
15
|
-
border-top-${
|
|
16
|
-
border-bottom-${
|
|
17
|
-
flex: ${
|
|
18
|
-
background: ${
|
|
15
|
+
border-top-${p => (p.on ? "right" : "left")}-radius: 0;
|
|
16
|
+
border-bottom-${p => (p.on ? "right" : "left")}-radius: 0;
|
|
17
|
+
flex: ${p => p.fill};
|
|
18
|
+
background: ${p => (p.on ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c40)};
|
|
19
19
|
`;
|
|
20
20
|
const Handler = styled.div `
|
|
21
21
|
transition: all 600ms linear;
|
|
22
22
|
padding: 4px;
|
|
23
|
-
background: ${
|
|
24
|
-
border-radius: ${
|
|
23
|
+
background: ${p => p.theme.colors.neutral.c100};
|
|
24
|
+
border-radius: ${p => `${p.theme.radii[1]}px`};
|
|
25
25
|
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: center;
|
|
@@ -35,8 +35,8 @@ const Handler = styled.div `
|
|
|
35
35
|
width: 16px;
|
|
36
36
|
justify-content: center;
|
|
37
37
|
align-items: center;
|
|
38
|
-
color: ${
|
|
39
|
-
background: ${
|
|
38
|
+
color: ${p => p.theme.colors.neutral.c100};
|
|
39
|
+
background: ${p => p.theme.colors.neutral.c00};
|
|
40
40
|
}
|
|
41
41
|
`;
|
|
42
42
|
const Onboarding = ({ steps, currentIndex }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Onboarding.js","sourceRoot":"","sources":["../../../../../src/components/navigation/progress/ProgressBar/Onboarding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAyC;;;;;eAKhD,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Onboarding.js","sourceRoot":"","sources":["../../../../../src/components/navigation/progress/ProgressBar/Onboarding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAyC;;;;;eAKhD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;kBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;UACtC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;gBACL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;CACrF,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAGV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAC7B,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;;;;;;;;;;;;;;aAclC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;kBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;CAEhD,CAAC;AAYF,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAmB,EAAe,EAAE;IAC3E,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,GAAG,IAAC,EAAE,QAAC,IAAI,EAAE,IAAI,GAAI;QACtB,oBAAC,OAAO,IAAC,GAAG,EAAE,WAAW,CAAC,GAAG;YAC3B,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,IAC7E,YAAY,GAAG,CAAC,CACZ;YACP,oBAAC,IAAI,IAAC,KAAK,EAAC,aAAa,EAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,IACrF,WAAW,CAAC,KAAK,CACb,CACC;QACV,oBAAC,GAAG,IAAC,IAAI,EAAE,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAI,CACvB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -22,8 +22,8 @@ export const Item = {
|
|
|
22
22
|
display: flex;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
align-items: center;
|
|
25
|
-
width: ${
|
|
26
|
-
height: ${
|
|
25
|
+
width: ${p => p.theme.space[8]}px;
|
|
26
|
+
height: ${p => p.theme.space[8]}px;
|
|
27
27
|
${color}
|
|
28
28
|
${border}
|
|
29
29
|
${space}
|
|
@@ -44,9 +44,9 @@ export const Item = {
|
|
|
44
44
|
Pending: styled.div.attrs({
|
|
45
45
|
backgroundColor: "neutral.c70",
|
|
46
46
|
}) `
|
|
47
|
-
width: ${
|
|
48
|
-
height: ${
|
|
49
|
-
border-radius: ${
|
|
47
|
+
width: ${p => p.theme.space[2]}px;
|
|
48
|
+
height: ${p => p.theme.space[2]}px;
|
|
49
|
+
border-radius: ${p => p.theme.space[2]}px;
|
|
50
50
|
${color}
|
|
51
51
|
`,
|
|
52
52
|
Completed: () => React.createElement(Icons.CheckAloneMedium, { size: 16 }),
|
|
@@ -54,7 +54,8 @@ export const Item = {
|
|
|
54
54
|
Errored: () => React.createElement(Icons.CloseMedium, { size: 16 }),
|
|
55
55
|
};
|
|
56
56
|
export const StepText = styled(Text) `
|
|
57
|
-
|
|
57
|
+
text-align: center;
|
|
58
|
+
color: ${p => {
|
|
58
59
|
if (p.state === "errored") {
|
|
59
60
|
return p.theme.colors.error.c50;
|
|
60
61
|
}
|
|
@@ -71,9 +72,9 @@ const BaseSeparator = styled.div `
|
|
|
71
72
|
flex: 1;
|
|
72
73
|
position: relative;
|
|
73
74
|
overflow-x: hidden;
|
|
74
|
-
background-color: ${
|
|
75
|
+
background-color: ${p => p.theme.colors.neutral.c40};
|
|
75
76
|
height: 1px;
|
|
76
|
-
top: ${
|
|
77
|
+
top: ${p => p.theme.space[5]}px;
|
|
77
78
|
`;
|
|
78
79
|
const Separator = {
|
|
79
80
|
Step: styled(BaseSeparator) ``,
|
|
@@ -94,7 +95,7 @@ const stepContentsByState = {
|
|
|
94
95
|
export const Step = memo(function Step({ state, label: Label, hideLeftSeparator, nextState, }) {
|
|
95
96
|
const inactive = state === "pending";
|
|
96
97
|
const nextInactive = state === "pending";
|
|
97
|
-
return (React.createElement(Flex, { flexDirection: "column", alignItems: "center" },
|
|
98
|
+
return (React.createElement(Flex, { flexDirection: "column", alignItems: "center", flex: 20 },
|
|
98
99
|
React.createElement(Item.Spacer, { mb: 5 },
|
|
99
100
|
(!hideLeftSeparator && React.createElement(Separator.Item, { inactive: inactive, position: "left" })) || (React.createElement(Flex, { flex: "1" })),
|
|
100
101
|
stepContentsByState[state],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/navigation/progress/Stepper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAe,KAAK,EAAc,KAAK,EAAc,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,IAAsB,MAAM,sBAAsB,CAAC;AAmD1D,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QAC1B,EAAE,EAAE,KAAK;KACV,CAAC,CAAuC;;;;aAI9B,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/navigation/progress/Stepper/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,19 +6,19 @@ import TransitionInOut from "../../../transitions/TransitionInOut";
|
|
|
6
6
|
import Flex from "../../../layout/Flex";
|
|
7
7
|
const ItemWrapper = styled.li `
|
|
8
8
|
/** DEFAULT VARIANT **/
|
|
9
|
-
--ll-sidebar-item-label-color: ${
|
|
10
|
-
--ll-sidebar-item-icon-color: ${
|
|
9
|
+
--ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};
|
|
10
|
+
--ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};
|
|
11
11
|
--ll-sidebar-item-background-color: unset;
|
|
12
12
|
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: row;
|
|
15
15
|
align-items: center;
|
|
16
|
-
margin-top: ${
|
|
17
|
-
column-gap: ${
|
|
18
|
-
padding: ${
|
|
19
|
-
border-radius: ${
|
|
20
|
-
min-height: ${
|
|
21
|
-
min-width: ${
|
|
16
|
+
margin-top: ${p => p.theme.space[3]}px;
|
|
17
|
+
column-gap: ${p => p.theme.space[5]}px;
|
|
18
|
+
padding: ${p => p.theme.space[5]}px;
|
|
19
|
+
border-radius: ${p => p.theme.space[3]}px;
|
|
20
|
+
min-height: ${p => p.theme.space[13]}px;
|
|
21
|
+
min-width: ${p => p.theme.space[13]}px;
|
|
22
22
|
|
|
23
23
|
color: var(--ll-sidebar-item-icon-color);
|
|
24
24
|
background-color: var(--ll-sidebar-item-background-color);
|
|
@@ -26,28 +26,28 @@ const ItemWrapper = styled.li `
|
|
|
26
26
|
|
|
27
27
|
/** HOVER VARIANT **/
|
|
28
28
|
&:hover {
|
|
29
|
-
--ll-sidebar-item-label-color: ${
|
|
30
|
-
--ll-sidebar-item-icon-color: ${
|
|
29
|
+
--ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};
|
|
30
|
+
--ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};
|
|
31
31
|
--ll-sidebar-item-background-color: unset;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
/** FOCUS VARIANT **/
|
|
35
35
|
&:focus {
|
|
36
36
|
box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);
|
|
37
|
-
border-radius: ${
|
|
37
|
+
border-radius: ${p => p.theme.space[3]}px;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
/** ACTIVE VARIANT **/
|
|
41
41
|
&[data-active="true"] {
|
|
42
|
-
--ll-sidebar-item-label-color: ${
|
|
43
|
-
--ll-sidebar-item-icon-color: ${
|
|
44
|
-
--ll-sidebar-item-background-color: ${
|
|
42
|
+
--ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};
|
|
43
|
+
--ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};
|
|
44
|
+
--ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
/** DISABLE VARIANT **/
|
|
48
48
|
&[data-disable="true"] {
|
|
49
|
-
--ll-sidebar-item-label-color: ${
|
|
50
|
-
--ll-sidebar-item-icon-color: ${
|
|
49
|
+
--ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};
|
|
50
|
+
--ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};
|
|
51
51
|
--ll-sidebar-item-background-color: unset;
|
|
52
52
|
opacity: 0.3;
|
|
53
53
|
cursor: unset;
|
|
@@ -56,14 +56,14 @@ const ItemWrapper = styled.li `
|
|
|
56
56
|
`;
|
|
57
57
|
const CollapsedBadgeContainer = styled.div `
|
|
58
58
|
position: absolute;
|
|
59
|
-
margin-top: -${
|
|
60
|
-
margin-left: ${
|
|
59
|
+
margin-top: -${p => p.theme.space[11]}px;
|
|
60
|
+
margin-left: ${p => p.theme.space[8]}px;
|
|
61
61
|
`;
|
|
62
62
|
const DefaultBadge = styled.div `
|
|
63
|
-
height: ${
|
|
64
|
-
width: ${
|
|
65
|
-
border-radius: ${
|
|
66
|
-
background-color: ${
|
|
63
|
+
height: ${p => p.theme.space[4]}px;
|
|
64
|
+
width: ${p => p.theme.space[4]}px;
|
|
65
|
+
border-radius: ${p => p.theme.radii[2]}px;
|
|
66
|
+
background-color: ${p => p.theme.colors.primary.c80};
|
|
67
67
|
`;
|
|
68
68
|
export const ItemLabel = styled(Text) `
|
|
69
69
|
display: inline-block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,cAAc,MAAM,UAAU,CAAC;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAExC,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;;mCAEM,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/Item/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,20 +8,20 @@ import Logo from "../../../navigation/sideBar/Logo";
|
|
|
8
8
|
import Toggle from "../../../navigation/sideBar/Toggle";
|
|
9
9
|
const Nav = styled(Flex) `
|
|
10
10
|
position: relative;
|
|
11
|
-
padding: ${
|
|
11
|
+
padding: ${p => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};
|
|
12
12
|
row-gap: 1.5rem;
|
|
13
13
|
height: 100vh;
|
|
14
14
|
width: 14.875rem;
|
|
15
|
-
color: ${
|
|
16
|
-
border-right: 1px solid ${
|
|
17
|
-
background-color: ${
|
|
15
|
+
color: ${props => props.theme.colors.neutral.c100};
|
|
16
|
+
border-right: 1px solid ${props => props.theme.colors.neutral.c40};
|
|
17
|
+
background-color: ${props => props.theme.colors.background.main};
|
|
18
18
|
transition: width 200ms;
|
|
19
19
|
will-change: width;
|
|
20
20
|
flex-shrink: 0;
|
|
21
|
-
z-index: ${
|
|
21
|
+
z-index: ${p => p.theme.zIndexes[2]};
|
|
22
22
|
|
|
23
23
|
&.nav-enter {
|
|
24
|
-
width: ${
|
|
24
|
+
width: ${p => p.theme.space[19]}px;
|
|
25
25
|
}
|
|
26
26
|
&.nav-enter-done {
|
|
27
27
|
width: 14.875rem;
|
|
@@ -30,14 +30,14 @@ const Nav = styled(Flex) `
|
|
|
30
30
|
width: 14.875rem;
|
|
31
31
|
}
|
|
32
32
|
&.nav-exit-done {
|
|
33
|
-
width: ${
|
|
33
|
+
width: ${p => `${p.theme.space[19]}px`};
|
|
34
34
|
}
|
|
35
35
|
`;
|
|
36
36
|
const TransparentMouseZone = styled.div `
|
|
37
37
|
position: absolute;
|
|
38
38
|
left: 100%;
|
|
39
39
|
top: 0;
|
|
40
|
-
width: ${
|
|
40
|
+
width: ${p => `${p.theme.space[8]}px`};
|
|
41
41
|
height: 100%;
|
|
42
42
|
`;
|
|
43
43
|
const SideBar = ({ children, onToggle, isExpanded = true }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/SideBar/SideBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,IAAI,MAAM,sBAAsB,CAAC;AACxC,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,MAAM,MAAM,oCAAoC,CAAC;AAExD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;aAEX,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/SideBar/SideBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,IAAI,MAAM,sBAAsB,CAAC;AACxC,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,MAAM,MAAM,oCAAoC,CAAC;AAExD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;aAEX,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;;;;WAIvD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;4BACvB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;sBAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI;;;;aAIpD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;;;aAGxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;;;;;;;;aAStB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI;;CAEzC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAI5B,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;;CAEtC,CAAC;AAQF,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAgB,EAAe,EAAE;IACvF,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExF,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC3C,oBAAC,aAAa,IAAC,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,KAAK;YAC3D,oBAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,YAAY,EAC3B,YAAY,EAAC,SAAS,EACtB,IAAI,EAAC,YAAY,gBACN,MAAM,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC;gBAE7C,oBAAC,oBAAoB,OAAG;gBACxB,oBAAC,MAAM,IAAC,WAAW,EAAE,iBAAiB,GAAI;gBAC1C,oBAAC,IAAI,OAAG;gBACR,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,YAAY,EAAC,SAAS,IAC5E,QAAQ,CACJ,CACH,CACQ,CACQ,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
|
|
@@ -5,7 +5,7 @@ import ArrowRightIcon from "@ledgerhq/icons-ui/react/ArrowRightMedium";
|
|
|
5
5
|
import TransitionInOut from "../../../transitions/TransitionInOut";
|
|
6
6
|
import SideBarContext from "../../../navigation/sideBar";
|
|
7
7
|
const ToggleButtonContainer = styled(TransitionInOut) `
|
|
8
|
-
--ll-side-bar-toggle-button-size: ${
|
|
8
|
+
--ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;
|
|
9
9
|
|
|
10
10
|
display: flex;
|
|
11
11
|
justify-content: center;
|
|
@@ -15,8 +15,8 @@ const ToggleButtonContainer = styled(TransitionInOut) `
|
|
|
15
15
|
right: calc(var(--ll-side-bar-toggle-button-size) / -2);
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
|
|
18
|
-
background: ${
|
|
19
|
-
border: 1px solid ${
|
|
18
|
+
background: ${p => p.theme.colors.neutral.c20};
|
|
19
|
+
border: 1px solid ${p => p.theme.colors.neutral.c100};
|
|
20
20
|
border-radius: 50%;
|
|
21
21
|
width: var(--ll-side-bar-toggle-button-size);
|
|
22
22
|
height: var(--ll-side-bar-toggle-button-size);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;sCACf,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../../src/components/navigation/sideBar/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;sCACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;;;;;;;;;gBAU5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;sBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;CAIrD,CAAC;AAGF,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAAqB,EAAe,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5D,OAAO,CACL,oBAAC,qBAAqB,IACpB,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,WAAW,EACf,MAAM,QACN,aAAa,QACb,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,IAEZ,UAAU,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAC9B,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -3,7 +3,7 @@ import styled from "styled-components";
|
|
|
3
3
|
import Flex from "../../layout/Flex";
|
|
4
4
|
const Bar = styled.div `
|
|
5
5
|
display: inline-flex;
|
|
6
|
-
border: 1px solid ${
|
|
6
|
+
border: 1px solid ${p => p.theme.colors.neutral.c40};
|
|
7
7
|
border-radius: 33px;
|
|
8
8
|
padding: 2px;
|
|
9
9
|
`;
|
|
@@ -15,8 +15,8 @@ const Item = styled(Flex).attrs({
|
|
|
15
15
|
cursor: pointer;
|
|
16
16
|
padding: 8px 12px 8px 12px;
|
|
17
17
|
border-radius: 33px;
|
|
18
|
-
color: ${
|
|
19
|
-
background-color: ${
|
|
18
|
+
color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c80)};
|
|
19
|
+
background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : "unset")};
|
|
20
20
|
`;
|
|
21
21
|
export default function BarTabs({ children, onTabChange, initialActiveIndex }) {
|
|
22
22
|
const [activeIndex, setActiveIndex] = useState(initialActiveIndex);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAiBrC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;sBAEA,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAiBrC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;sBAEA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;;CAGpD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IAC9B,IAAI,EAAE,CAAC;IACP,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAW;;;;WAIF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBAC9D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;CAC5E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAS;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACnE,OAAO,CACL,oBAAC,GAAG,QACD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,KAAK,KAAK,WAAW,EAC7B,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,IAEA,KAAK,CACD,CACR,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -8,9 +8,9 @@ const Item = styled(Flex).attrs({
|
|
|
8
8
|
}) `
|
|
9
9
|
cursor: pointer;
|
|
10
10
|
padding: 8px 12px 8px 12px;
|
|
11
|
-
border-radius: ${
|
|
12
|
-
color: ${
|
|
13
|
-
background-color: ${
|
|
11
|
+
border-radius: ${p => p.theme.radii[2]}px;
|
|
12
|
+
color: ${p => p.theme.colors.neutral.c100};
|
|
13
|
+
background-color: ${p => (p.active ? p.theme.colors.primary.c30 : "unset")};
|
|
14
14
|
`;
|
|
15
15
|
export default function BarTabs({ children, onTabChange, initialActiveIndex }) {
|
|
16
16
|
const [activeIndex, setActiveIndex] = useState(initialActiveIndex);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAiBrC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IAC9B,IAAI,EAAE,CAAC;IACP,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAW;;;mBAGM,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAiBrC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IAC9B,IAAI,EAAE,CAAC;IACP,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAW;;;mBAGM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;WAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;sBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;CAC3E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAS;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACnE,OAAO,CACL,oBAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,IACvD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,KAAK,KAAK,WAAW,EAC7B,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,IAEA,KAAK,CACD,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -24,14 +24,14 @@ const Item = styled(Flex).attrs({ flex: 1, justifyContent: "center", alignItems:
|
|
|
24
24
|
padding: 8px 10px 8px 10px;
|
|
25
25
|
border: 1px solid;
|
|
26
26
|
&[data-active="false"] {
|
|
27
|
-
color: ${
|
|
28
|
-
background-color: ${
|
|
29
|
-
border-color: ${
|
|
27
|
+
color: ${p => p.theme.colors.neutral.c80};
|
|
28
|
+
background-color: ${p => p.theme.colors.neutral.c00};
|
|
29
|
+
border-color: ${p => p.theme.colors.neutral.c40};
|
|
30
30
|
}
|
|
31
31
|
&[data-active="true"] {
|
|
32
|
-
color: ${
|
|
33
|
-
background-color: ${
|
|
34
|
-
border-color: ${
|
|
32
|
+
color: ${p => p.theme.colors.neutral.c00};
|
|
33
|
+
background-color: ${p => p.theme.colors.neutral.c100};
|
|
34
|
+
border-color: ${p => p.theme.colors.neutral.c100};
|
|
35
35
|
|
|
36
36
|
&:not(:last-child) {
|
|
37
37
|
border-right-width: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Pill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AACpD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAcrC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAa;;;;;;;;;;;;;;;IAehC,MAAM;CACT,CAAC;AACF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;;;;;aAK/E,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Pill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AACpD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAcrC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAa;;;;;;;;;;;;;;;IAehC,MAAM;CACT,CAAC;AACF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;;;;;aAK/E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;oBACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;;aAGtC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;oBACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;CASnD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,kBAAkB,GACZ;IACN,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACnE,OAAO,CACL,oBAAC,IAAI,QACF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,iBACG,KAAK,KAAK,WAAW,EAClC,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,IAEA,KAAK,CACD,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -25,14 +25,14 @@ const TabHeaderBox = styled.div `
|
|
|
25
25
|
flex-grow: inherit;
|
|
26
26
|
justify-content: center;
|
|
27
27
|
text-align: center;
|
|
28
|
-
cursor: ${
|
|
28
|
+
cursor: ${p => (p.disabled ? "default" : "pointer")};
|
|
29
29
|
padding: 8px 12px;
|
|
30
30
|
`;
|
|
31
31
|
const HeaderTitle = styled(Text).attrs({
|
|
32
32
|
fontWeight: "600",
|
|
33
33
|
}) `
|
|
34
34
|
margin-inline: 12px;
|
|
35
|
-
color: ${
|
|
35
|
+
color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};
|
|
36
36
|
`;
|
|
37
37
|
const HeaderBottomBarFixed = styled(Flex).attrs({
|
|
38
38
|
flex: 1,
|
|
@@ -40,17 +40,17 @@ const HeaderBottomBarFixed = styled(Flex).attrs({
|
|
|
40
40
|
width: 100%;
|
|
41
41
|
position: relative;
|
|
42
42
|
top: 3px;
|
|
43
|
-
border-bottom: 1px solid ${
|
|
43
|
+
border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};
|
|
44
44
|
`;
|
|
45
45
|
const HeaderBottomBarMoving = styled.div `
|
|
46
46
|
position: relative;
|
|
47
|
-
left: ${
|
|
48
|
-
width: ${
|
|
47
|
+
left: ${p => p.left}px;
|
|
48
|
+
width: ${p => p.width}px;
|
|
49
49
|
transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
50
50
|
border-bottom: solid 3px;
|
|
51
|
-
border-bottom-color: ${
|
|
51
|
+
border-bottom-color: ${p => p.theme.colors.primary.c70};
|
|
52
52
|
`;
|
|
53
|
-
const Badge = styled(Tag).attrs(
|
|
53
|
+
const Badge = styled(Tag).attrs(p => ({
|
|
54
54
|
borderRadius: p.theme.radii[3],
|
|
55
55
|
backgroundColor: p.theme.colors.primary.c70,
|
|
56
56
|
color: p.theme.colors.neutral.c00,
|
|
@@ -74,8 +74,8 @@ const MainContent = styled(Flex).attrs({
|
|
|
74
74
|
flex: 1,
|
|
75
75
|
}) `
|
|
76
76
|
width: 100%;
|
|
77
|
-
color: ${
|
|
78
|
-
background-color: ${
|
|
77
|
+
color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};
|
|
78
|
+
background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};
|
|
79
79
|
`;
|
|
80
80
|
export default function Tabs(props) {
|
|
81
81
|
const { tabs, onTabChange } = props;
|
|
@@ -88,7 +88,7 @@ export default function Tabs(props) {
|
|
|
88
88
|
const newIndex = props.activeIndex || activeIndex;
|
|
89
89
|
setActiveIndex(newIndex);
|
|
90
90
|
if (refs[0].current) {
|
|
91
|
-
const refIndex = tabs.findIndex(
|
|
91
|
+
const refIndex = tabs.findIndex(t => t.index === newIndex);
|
|
92
92
|
const refsToHandle = refs.slice(0, refIndex);
|
|
93
93
|
const width = ((_a = refs[refIndex].current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
|
|
94
94
|
const left = refsToHandle.reduce((total, ref) => { var _a; return total + (((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0); }, 0);
|
|
@@ -100,7 +100,7 @@ export default function Tabs(props) {
|
|
|
100
100
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
101
101
|
}, [activeIndex]);
|
|
102
102
|
const onTabClick = (index) => {
|
|
103
|
-
const tab = tabs.find(
|
|
103
|
+
const tab = tabs.find(t => t.index === index);
|
|
104
104
|
if (tab && !tab.disabled) {
|
|
105
105
|
setActiveIndex(index);
|
|
106
106
|
onTabChange && onTabChange(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAuBtC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IACnC,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA,EAAE,CAAC;AAEL,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IAC1C,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA;;CAED,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;YAK1C,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import { CSSTransition } from "react-transition-group";
|
|
|
14
14
|
import styled from "styled-components";
|
|
15
15
|
const duration = 150;
|
|
16
16
|
const ChildrenWrapper = styled.div `
|
|
17
|
-
transition: ${
|
|
17
|
+
transition: ${props => `opacity ${props.timeout}ms ease-in-out`};
|
|
18
18
|
|
|
19
19
|
&.transition-inout-enter {
|
|
20
20
|
opacity: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransitionInOut.js","sourceRoot":"","sources":["../../../src/components/transitions/TransitionInOut.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;gBACvC,
|
|
1
|
+
{"version":3,"file":"TransitionInOut.js","sourceRoot":"","sources":["../../../src/components/transitions/TransitionInOut.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;gBACvC,KAAK,CAAC,EAAE,CAAC,WAAW,KAAK,CAAC,OAAO,gBAAgB;;;;;;;;;;;;;;;;;CAiBhE,CAAC;AAYF,MAAM,eAAe,GAAG,CAAC,EAKF,EAAe,EAAE;QALf,EACvB,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,GAAG,QAAQ,OAEG,EADlB,eAAe,cAJK,6BAKxB,CADmB;IACqB,OAAA,CACvC,oBAAC,aAAa,oBAAK,eAAe,IAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAC,kBAAkB;QAC7F,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CACjD,CACjB,CAAA;CAAA,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -16,7 +16,7 @@ const duration = 300;
|
|
|
16
16
|
const ChildrenWrapper = styled.div `
|
|
17
17
|
transition: all ${duration}ms ease-in-out;
|
|
18
18
|
will-change: transform;
|
|
19
|
-
${
|
|
19
|
+
${p => !p.fixed
|
|
20
20
|
? `
|
|
21
21
|
position: absolute;
|
|
22
22
|
width: 100%;
|
|
@@ -39,7 +39,7 @@ const ChildrenWrapper = styled.div `
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&.transition-left-exit-active {
|
|
42
|
-
transform: translateX(${
|
|
42
|
+
transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
&.transition-right-appear,
|
|
@@ -57,7 +57,7 @@ const ChildrenWrapper = styled.div `
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
&.transition-right-exit-active {
|
|
60
|
-
transform: translateX(${
|
|
60
|
+
transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);
|
|
61
61
|
}
|
|
62
62
|
`;
|
|
63
63
|
const TransitionSlide = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransitionSlide.js","sourceRoot":"","sources":["../../../src/components/transitions/TransitionSlide.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA4C;oBAC1D,QAAQ;;IAExB,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"TransitionSlide.js","sourceRoot":"","sources":["../../../src/components/transitions/TransitionSlide.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA4C;oBAC1D,QAAQ;;IAExB,CAAC,CAAC,EAAE,CACJ,CAAC,CAAC,CAAC,KAAK;IACN,CAAC,CAAC;;;KAGH;IACC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;4BAkBkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;4BAkBjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;CAE5D,CAAC;AAUF,MAAM,eAAe,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EACvB,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,WAAW,OAEU,EADlB,KAAK,cALe,iDAMxB,CADS;IACkB,OAAA,CAC1B,oBAAC,aAAa,oBAAK,KAAK,IAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,SAAS,EAAE;QAChF,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IACpD,QAAQ,CACO,CACJ,CACjB,CAAA;CAAA,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/lib/styles/global.js
CHANGED
|
@@ -23,12 +23,12 @@ export const GlobalStyle = createGlobalStyle `
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
::selection {
|
|
26
|
-
background: ${
|
|
26
|
+
background: ${p => rgba(p.theme.colors.primary.c100, 0.1)};
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
--track-color: rgba(0,0,0,0);
|
|
30
30
|
|
|
31
|
-
${
|
|
31
|
+
${props => (typeof props.fontsPath === "string" ? fontStyles : "")}
|
|
32
32
|
|
|
33
33
|
${tippyStyles}
|
|
34
34
|
|
package/lib/styles/global.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/styles/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAO/D,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAkB;;;;;;;;;;;;;;;;;;;;;kBAqB5C,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/styles/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAO/D,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAkB;;;;;;;;;;;;;;;;;;;;;kBAqB5C,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;;;;;IAKzD,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;;IAEhE,WAAW;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC"}
|
package/lib/styles/theme.js
CHANGED
|
@@ -152,7 +152,7 @@ const overflow = {
|
|
|
152
152
|
overflow-x: scroll;
|
|
153
153
|
will-change: transform;
|
|
154
154
|
&:hover {
|
|
155
|
-
--track-color: ${
|
|
155
|
+
--track-color: ${p => p.theme.colors.neutral.c30};
|
|
156
156
|
}
|
|
157
157
|
`,
|
|
158
158
|
y: css `
|
|
@@ -160,7 +160,7 @@ const overflow = {
|
|
|
160
160
|
overflow-y: scroll;
|
|
161
161
|
will-change: transform;
|
|
162
162
|
&:hover {
|
|
163
|
-
--track-color: ${
|
|
163
|
+
--track-color: ${p => p.theme.colors.neutral.c30};
|
|
164
164
|
}
|
|
165
165
|
`,
|
|
166
166
|
yAuto: css `
|
|
@@ -168,14 +168,14 @@ const overflow = {
|
|
|
168
168
|
overflow-y: auto;
|
|
169
169
|
will-change: transform;
|
|
170
170
|
&:hover {
|
|
171
|
-
--track-color: ${
|
|
171
|
+
--track-color: ${p => p.theme.colors.neutral.c30};
|
|
172
172
|
}
|
|
173
173
|
`,
|
|
174
174
|
xy: css `
|
|
175
175
|
overflow: scroll;
|
|
176
176
|
will-change: transform;
|
|
177
177
|
&:hover {
|
|
178
|
-
--track-color: ${
|
|
178
|
+
--track-color: ${p => p.theme.colors.neutral.c30};
|
|
179
179
|
}
|
|
180
180
|
`,
|
|
181
181
|
trackSize: 12,
|