braid-design-system 32.1.0 → 32.2.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/CHANGELOG.md +133 -0
- package/codemod/dist/wrapper.js +181 -183
- package/color-mode/query-param/index.d.ts +1 -0
- package/color-mode/query-param/package.json +1 -1
- package/css/index.d.ts +1 -0
- package/css/package.json +1 -1
- package/dist/ToastContext.chunk.cjs +21 -21
- package/dist/ToastContext.chunk.mjs +120 -120
- package/dist/Toggle.chunk.cjs +22 -32
- package/dist/Toggle.chunk.mjs +199 -209
- package/dist/color-mode/query-param.mjs +1 -1
- package/dist/css.d.ts +1 -667
- package/dist/css.mjs +7 -7
- package/dist/index.d.ts +1 -3952
- package/dist/index.mjs +164 -164
- package/dist/playroom/FrameComponent.d.ts +1 -323
- package/dist/playroom/FrameComponent.mjs +4 -4
- package/dist/playroom/components.d.ts +1 -4027
- package/dist/playroom/components.mjs +124 -124
- package/dist/playroom/scope.d.ts +1 -385
- package/dist/playroom/scope.mjs +4 -4
- package/dist/playroom/snippets.d.ts +1 -7
- package/dist/playroomState.chunk.cjs +1 -1
- package/dist/playroomState.chunk.mjs +3 -3
- package/dist/reset.d.ts +5075 -1
- package/dist/side-effects/lib/components/BraidProvider/BraidProvider.mjs +12 -12
- package/dist/side-effects/lib/css/reset/index.mjs +1 -1
- package/dist/side-effects/lib/css/reset/resetTracker.mjs +2 -2
- package/dist/side-effects/lib/themes/baseTokens/apac.cjs +8 -9
- package/dist/side-effects/lib/themes/baseTokens/apac.mjs +8 -10
- package/dist/side-effects/lib/themes/index.mjs +5 -5
- package/dist/side-effects/lib/themes/makeRuntimeTokens.cjs +4 -10
- package/dist/side-effects/lib/themes/makeRuntimeTokens.mjs +5 -10
- package/dist/side-effects/lib/themes/tokenType.cjs +15 -0
- package/dist/side-effects/lib/themes/tokenType.mjs +16 -0
- package/dist/styles/lib/components/Accordion/AccordionItem.css.mjs +3 -3
- package/dist/styles/lib/components/Alert/Alert.css.mjs +3 -3
- package/dist/styles/lib/components/Autosuggest/Autosuggest.css.mjs +6 -6
- package/dist/styles/lib/components/Button/Button.css.cjs +24 -23
- package/dist/styles/lib/components/Button/Button.css.mjs +39 -38
- package/dist/styles/lib/components/ButtonIcon/ButtonIcon.css.mjs +1 -1
- package/dist/styles/lib/components/Column/Column.css.mjs +3 -3
- package/dist/styles/lib/components/ContentBlock/ContentBlock.css.mjs +1 -1
- package/dist/styles/lib/components/Divider/Divider.css.mjs +7 -7
- package/dist/styles/lib/components/Dropdown/Dropdown.css.mjs +2 -2
- package/dist/styles/lib/components/Hidden/Hidden.css.mjs +1 -1
- package/dist/styles/lib/components/HiddenVisually/HiddenVisually.css.mjs +1 -1
- package/dist/styles/lib/components/List/List.css.mjs +4 -4
- package/dist/styles/lib/components/Loader/Loader.css.mjs +7 -7
- package/dist/styles/lib/components/MenuItem/useMenuItem.css.mjs +1 -1
- package/dist/styles/lib/components/MenuRenderer/MenuRenderer.css.mjs +5 -5
- package/dist/styles/lib/components/MonthPicker/MonthPicker.css.mjs +1 -1
- package/dist/styles/lib/components/OverflowMenu/OverflowMenu.css.mjs +1 -1
- package/dist/styles/lib/components/Pagination/Pagination.css.mjs +6 -6
- package/dist/styles/lib/components/Rating/Rating.css.mjs +6 -6
- package/dist/styles/lib/components/Stepper/Stepper.css.mjs +21 -21
- package/dist/styles/lib/components/Tabs/Tabs.css.mjs +17 -17
- package/dist/styles/lib/components/Tag/Tag.css.mjs +1 -1
- package/dist/styles/lib/components/TextDropdown/TextDropdown.css.mjs +4 -4
- package/dist/styles/lib/components/TextLink/TextLink.css.mjs +8 -8
- package/dist/styles/lib/components/Textarea/Highlight/Highlight.css.mjs +1 -1
- package/dist/styles/lib/components/Textarea/Textarea.css.mjs +3 -3
- package/dist/styles/lib/components/Tiles/Tiles.css.mjs +5 -5
- package/dist/styles/lib/components/Toggle/Toggle.css.mjs +20 -20
- package/dist/styles/lib/components/TooltipRenderer/TooltipRenderer.css.cjs +1 -5
- package/dist/styles/lib/components/TooltipRenderer/TooltipRenderer.css.mjs +7 -11
- package/dist/styles/lib/components/icons/IconArrow/IconArrow.css.mjs +4 -4
- package/dist/styles/lib/components/icons/IconChevron/IconChevron.css.mjs +4 -4
- package/dist/styles/lib/components/icons/IconThumb/IconThumb.css.mjs +2 -2
- package/dist/styles/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.mjs +1 -1
- package/dist/styles/lib/components/private/Field/Field.css.mjs +8 -8
- package/dist/styles/lib/components/private/InlineField/InlineField.css.mjs +17 -17
- package/dist/styles/lib/components/private/Keyline/Keyline.css.cjs +4 -0
- package/dist/styles/lib/components/private/Keyline/Keyline.css.mjs +11 -7
- package/dist/styles/lib/components/private/Modal/Modal.css.mjs +16 -16
- package/dist/styles/lib/components/private/Modal/ModalExternalGutter.mjs +1 -1
- package/dist/styles/lib/components/private/Placeholder/Placeholder.css.mjs +6 -6
- package/dist/styles/lib/components/private/Truncate/Truncate.css.mjs +1 -1
- package/dist/styles/lib/components/private/hideFocusRings/hideFocusRings.css.mjs +2 -2
- package/dist/styles/lib/components/private/hideFocusRings/hideFocusRingsDataAttribute.mjs +1 -1
- package/dist/styles/lib/components/private/touchable/debugTouchable.mjs +1 -1
- package/dist/styles/lib/components/private/touchable/hitArea.mjs +1 -1
- package/dist/styles/lib/components/private/touchable/virtualTouchable.css.mjs +4 -4
- package/dist/styles/lib/components/private/touchable/virtualTouchableRules.mjs +2 -2
- package/dist/styles/lib/components/useToast/Toast.css.mjs +1 -1
- package/dist/styles/lib/css/atoms/atomicProperties.mjs +6 -6
- package/dist/styles/lib/css/atoms/atoms.mjs +3 -3
- package/dist/styles/lib/css/atoms/sprinkles.css.mjs +8 -8
- package/dist/styles/lib/css/breakpoints.mjs +2 -2
- package/dist/styles/lib/css/colorModeStyle.mjs +2 -2
- package/dist/styles/lib/css/lineHeightContainer.css.mjs +3 -3
- package/dist/styles/lib/css/negativeMargin/negativeMargin.css.cjs +4 -9
- package/dist/styles/lib/css/negativeMargin/negativeMargin.css.mjs +3 -8
- package/dist/styles/lib/css/reset/reset.css.mjs +3 -3
- package/dist/styles/lib/css/responsiveStyle.cjs +2 -2
- package/dist/styles/lib/css/responsiveStyle.mjs +3 -3
- package/dist/styles/lib/css/textAlignedToIcon.css.mjs +3 -3
- package/dist/styles/lib/css/typography.css.cjs +1 -16
- package/dist/styles/lib/css/typography.css.mjs +5 -20
- package/dist/styles/lib/hooks/useIcon/icon.css.mjs +8 -8
- package/dist/styles/lib/themes/apac/apacTheme.css.mjs +3 -3
- package/dist/styles/lib/themes/apac/tokens.mjs +2 -2
- package/dist/styles/lib/themes/docs/docsTheme.css.mjs +3 -3
- package/dist/styles/lib/themes/docs/tokens.cjs +8 -8
- package/dist/styles/lib/themes/docs/tokens.mjs +8 -10
- package/dist/styles/lib/themes/makeBraidTheme.mjs +4 -4
- package/dist/styles/lib/themes/makeVanillaTheme.cjs +23 -10
- package/dist/styles/lib/themes/makeVanillaTheme.mjs +23 -10
- package/dist/styles/lib/themes/seekBusiness/seekBusinessTheme.css.mjs +3 -3
- package/dist/styles/lib/themes/seekBusiness/tokens.mjs +2 -2
- package/dist/styles/lib/themes/vars.css.mjs +3 -3
- package/dist/styles/lib/themes/wireframe/tokens.cjs +25 -29
- package/dist/styles/lib/themes/wireframe/tokens.mjs +25 -31
- package/dist/styles/lib/themes/wireframe/wireframeTheme.css.mjs +3 -3
- package/dist/styles/lib/utils/index.mjs +6 -6
- package/dist/test.d.ts +1 -890
- package/dist/test.mjs +2 -2
- package/dist/themes/apac.d.ts +1 -137
- package/dist/themes/apac.mjs +2 -2
- package/dist/themes/docs.d.ts +1 -137
- package/dist/themes/docs.mjs +2 -2
- package/dist/themes/seekBusiness.d.ts +1 -137
- package/dist/themes/seekBusiness.mjs +2 -2
- package/dist/themes/wireframe.d.ts +1 -137
- package/dist/themes/wireframe.mjs +2 -2
- package/package.json +4 -3
- package/playroom/FrameComponent/index.d.ts +2 -0
- package/playroom/FrameComponent/package.json +1 -1
- package/playroom/components/index.d.ts +1 -0
- package/playroom/components/package.json +1 -1
- package/playroom/scope/index.d.ts +2 -0
- package/playroom/scope/package.json +1 -1
- package/playroom/snippets/index.d.ts +2 -0
- package/playroom/snippets/package.json +1 -1
- package/reset/index.d.ts +1 -0
- package/reset/package.json +1 -1
- package/test/index.d.ts +1 -0
- package/test/package.json +1 -1
- package/themes/apac/index.d.ts +2 -0
- package/themes/apac/package.json +1 -1
- package/themes/docs/index.d.ts +2 -0
- package/themes/docs/package.json +1 -1
- package/themes/seekBusiness/index.d.ts +2 -0
- package/themes/seekBusiness/package.json +1 -1
- package/themes/wireframe/index.d.ts +2 -0
- package/themes/wireframe/package.json +1 -1
- package/dist/styles/lib/components/Badge/Badge.css.cjs +0 -27
- package/dist/styles/lib/components/Badge/Badge.css.mjs +0 -28
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
3
|
+
import { colorModeStyle } from "../../css/colorModeStyle.mjs";
|
|
4
4
|
setFileScope("src/lib/components/Pagination/Pagination.css.ts?used", "braid-design-system");
|
|
5
5
|
const hover = style({}, "hover");
|
|
6
6
|
const lightModeCurrentKeyline = style(colorModeStyle({
|
|
@@ -25,9 +25,9 @@ const background = style({
|
|
|
25
25
|
}, "background");
|
|
26
26
|
endFileScope();
|
|
27
27
|
export {
|
|
28
|
-
background
|
|
29
|
-
current
|
|
30
|
-
darkModeCurrentKeyline
|
|
31
|
-
hover
|
|
32
|
-
lightModeCurrentKeyline
|
|
28
|
+
background,
|
|
29
|
+
current,
|
|
30
|
+
darkModeCurrentKeyline,
|
|
31
|
+
hover,
|
|
32
|
+
lightModeCurrentKeyline
|
|
33
33
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { colorModeStyle } from "../../css/colorModeStyle.mjs";
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/Rating/Rating.css.ts?used", "braid-design-system");
|
|
6
6
|
const lightModeStarColor = style(colorModeStyle({
|
|
7
7
|
lightMode: {
|
|
@@ -21,8 +21,8 @@ const textSpacing = style({
|
|
|
21
21
|
}, "textSpacing");
|
|
22
22
|
endFileScope();
|
|
23
23
|
export {
|
|
24
|
-
darkModeStarColor
|
|
25
|
-
lightModeStarColor
|
|
26
|
-
starSpacing
|
|
27
|
-
textSpacing
|
|
24
|
+
darkModeStarColor,
|
|
25
|
+
lightModeStarColor,
|
|
26
|
+
starSpacing,
|
|
27
|
+
textSpacing
|
|
28
28
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { createVar, style } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import { atoms } from "../../css/atoms/atoms.mjs";
|
|
5
|
+
import { colorModeStyle } from "../../css/colorModeStyle.mjs";
|
|
6
|
+
import { responsiveStyle } from "../../css/responsiveStyle.mjs";
|
|
7
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
8
|
+
import { hideFocusRingsDataAttribute } from "../private/hideFocusRings/hideFocusRingsDataAttribute.mjs";
|
|
9
9
|
setFileScope("src/lib/components/Stepper/Stepper.css.ts?used", "braid-design-system");
|
|
10
10
|
const baseColourVar = createVar("baseColourVar");
|
|
11
11
|
const highlightVar = createVar("highlightVar");
|
|
@@ -149,20 +149,20 @@ const focusOverlay = style({
|
|
|
149
149
|
}, "focusOverlay");
|
|
150
150
|
endFileScope();
|
|
151
151
|
export {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
tone
|
|
152
|
+
active,
|
|
153
|
+
complete,
|
|
154
|
+
focusOverlay,
|
|
155
|
+
highlight,
|
|
156
|
+
indicator,
|
|
157
|
+
indicatorContainer,
|
|
158
|
+
inner,
|
|
159
|
+
progressLine,
|
|
160
|
+
progressTrack,
|
|
161
|
+
progressTrackCentered,
|
|
162
|
+
progressUnfilled,
|
|
163
|
+
step,
|
|
164
|
+
stretch,
|
|
165
|
+
stretchLastAboveTablet,
|
|
166
|
+
tick,
|
|
167
|
+
tone
|
|
168
168
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style, createVar } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { colorModeStyle } from "../../css/colorModeStyle.mjs";
|
|
5
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
6
6
|
setFileScope("src/lib/components/Tabs/Tabs.css.ts?used", "braid-design-system");
|
|
7
7
|
const tab = style({
|
|
8
8
|
selectors: {
|
|
@@ -80,19 +80,19 @@ const divider = style({
|
|
|
80
80
|
}, "divider");
|
|
81
81
|
endFileScope();
|
|
82
82
|
export {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
83
|
+
cropToIconX,
|
|
84
|
+
divider,
|
|
85
|
+
hoveredTab,
|
|
86
|
+
marginAuto,
|
|
87
|
+
mask,
|
|
88
|
+
nowrap,
|
|
89
|
+
scroll,
|
|
90
|
+
tab,
|
|
91
|
+
tabFocusRing,
|
|
92
|
+
tabPanel,
|
|
93
|
+
tabPanelFocusRing,
|
|
94
|
+
tabUnderline,
|
|
95
|
+
tabUnderlineActiveDarkMode,
|
|
96
|
+
underlineLeft,
|
|
97
|
+
underlineWidth
|
|
98
98
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
|
+
import { virtualTouchableRules } from "../private/touchable/virtualTouchableRules.mjs";
|
|
6
6
|
setFileScope("src/lib/components/TextDropdown/TextDropdown.css.ts?used", "braid-design-system");
|
|
7
7
|
const select = style({
|
|
8
8
|
...virtualTouchableRules
|
|
@@ -21,6 +21,6 @@ const focusOverlay = [style({
|
|
|
21
21
|
}, "focusOverlay")];
|
|
22
22
|
endFileScope();
|
|
23
23
|
export {
|
|
24
|
-
focusOverlay
|
|
25
|
-
select
|
|
24
|
+
focusOverlay,
|
|
25
|
+
select
|
|
26
26
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { createThemeContract, assignVars, style, styleVariants } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { darkMode } from "../../css/atoms/sprinkles.css.mjs";
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/TextLink/TextLink.css.ts?used", "braid-design-system");
|
|
6
6
|
const textLinkVars = createThemeContract({
|
|
7
7
|
color: null,
|
|
@@ -107,10 +107,10 @@ const visitedDarkMode = styleVariants({
|
|
|
107
107
|
}, "visitedDarkMode");
|
|
108
108
|
endFileScope();
|
|
109
109
|
export {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
visitedLightMode
|
|
115
|
-
weakLink
|
|
110
|
+
base,
|
|
111
|
+
regularLinkDarkMode,
|
|
112
|
+
regularLinkLightMode,
|
|
113
|
+
visitedDarkMode,
|
|
114
|
+
visitedLightMode,
|
|
115
|
+
weakLink
|
|
116
116
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { calc } from "@vanilla-extract/css-utils";
|
|
3
3
|
import { style } from "@vanilla-extract/css";
|
|
4
|
-
import {
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/Textarea/Textarea.css.ts?used", "braid-design-system");
|
|
6
6
|
const field = style({
|
|
7
7
|
resize: "vertical",
|
|
@@ -18,6 +18,6 @@ const highlights = style({
|
|
|
18
18
|
}, "highlights");
|
|
19
19
|
endFileScope();
|
|
20
20
|
export {
|
|
21
|
-
field
|
|
22
|
-
highlights
|
|
21
|
+
field,
|
|
22
|
+
highlights
|
|
23
23
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { styleVariants } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
3
|
+
import { responsiveStyle } from "../../css/responsiveStyle.mjs";
|
|
4
4
|
setFileScope("src/lib/components/Tiles/Tiles.css.ts?used", "braid-design-system");
|
|
5
5
|
const columnsWidths = {
|
|
6
6
|
1: "100%",
|
|
@@ -21,8 +21,8 @@ const columnsDesktop = makeColumnsAtoms("desktop");
|
|
|
21
21
|
const columnsWide = makeColumnsAtoms("wide");
|
|
22
22
|
endFileScope();
|
|
23
23
|
export {
|
|
24
|
-
columnsDesktop
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
columnsDesktop,
|
|
25
|
+
columnsMobile,
|
|
26
|
+
columnsTablet,
|
|
27
|
+
columnsWide
|
|
28
28
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style, styleVariants } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
|
+
import { hitArea } from "../private/touchable/hitArea.mjs";
|
|
6
|
+
import { debugTouchable } from "../private/touchable/debugTouchable.mjs";
|
|
7
7
|
import { rgba } from "polished";
|
|
8
|
-
import {
|
|
8
|
+
import { colorModeStyle } from "../../css/colorModeStyle.mjs";
|
|
9
9
|
setFileScope("src/lib/components/Toggle/Toggle.css.ts?used", "braid-design-system");
|
|
10
10
|
const sizes = {
|
|
11
11
|
standard: "standard",
|
|
@@ -128,20 +128,20 @@ const hoverOverlay = style({
|
|
|
128
128
|
}, "hoverOverlay");
|
|
129
129
|
endFileScope();
|
|
130
130
|
export {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
131
|
+
fieldSize,
|
|
132
|
+
focusOverlay,
|
|
133
|
+
hoverOverlay,
|
|
134
|
+
icon,
|
|
135
|
+
label,
|
|
136
|
+
realField,
|
|
137
|
+
realFieldPosition,
|
|
138
|
+
root,
|
|
139
|
+
slideContainer,
|
|
140
|
+
slideContainerSize,
|
|
141
|
+
slideTrack,
|
|
142
|
+
slideTrackBgDarkMode,
|
|
143
|
+
slideTrackBgLightMode,
|
|
144
|
+
slideTrackMask,
|
|
145
|
+
slideTrackSelected,
|
|
146
|
+
slider
|
|
147
147
|
};
|
|
@@ -25,10 +25,7 @@ const verticalOffsetBeforeEntrance = css.style({
|
|
|
25
25
|
const translateZ0 = css.style({
|
|
26
26
|
transform: "translateZ(0)"
|
|
27
27
|
}, "translateZ0");
|
|
28
|
-
const
|
|
29
|
-
padding: cssUtils.calc.add(styles_lib_themes_vars_css_cjs.vars.space.small, styles_lib_themes_vars_css_cjs.vars.grid)
|
|
30
|
-
}, "padding");
|
|
31
|
-
const borderRadius = styles_lib_themes_vars_css_cjs.vars.borderRadius.standard;
|
|
28
|
+
const borderRadius = styles_lib_themes_vars_css_cjs.vars.borderRadius.small;
|
|
32
29
|
const offset = cssUtils.calc(constants.arrowSize).divide(2).negate().toString();
|
|
33
30
|
const arrow = css.style({
|
|
34
31
|
visibility: "hidden",
|
|
@@ -63,6 +60,5 @@ fileScope.endFileScope();
|
|
|
63
60
|
exports.arrow = arrow;
|
|
64
61
|
exports.background = background;
|
|
65
62
|
exports.maxWidth = maxWidth;
|
|
66
|
-
exports.padding = padding;
|
|
67
63
|
exports.translateZ0 = translateZ0;
|
|
68
64
|
exports.verticalOffsetBeforeEntrance = verticalOffsetBeforeEntrance;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
4
|
+
import { vars } from "../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/TooltipRenderer/TooltipRenderer.css.ts?used", "braid-design-system");
|
|
6
6
|
const constants = {
|
|
7
7
|
maxWidth: "260px",
|
|
@@ -24,10 +24,7 @@ const verticalOffsetBeforeEntrance = style({
|
|
|
24
24
|
const translateZ0 = style({
|
|
25
25
|
transform: "translateZ(0)"
|
|
26
26
|
}, "translateZ0");
|
|
27
|
-
const
|
|
28
|
-
padding: calc.add(vars.space.small, vars.grid)
|
|
29
|
-
}, "padding");
|
|
30
|
-
const borderRadius = vars.borderRadius.standard;
|
|
27
|
+
const borderRadius = vars.borderRadius.small;
|
|
31
28
|
const offset = calc(constants.arrowSize).divide(2).negate().toString();
|
|
32
29
|
const arrow = style({
|
|
33
30
|
visibility: "hidden",
|
|
@@ -60,10 +57,9 @@ const arrow = style({
|
|
|
60
57
|
}, "arrow");
|
|
61
58
|
endFileScope();
|
|
62
59
|
export {
|
|
63
|
-
arrow
|
|
64
|
-
background
|
|
65
|
-
maxWidth
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
verticalOffsetBeforeEntrance as v
|
|
60
|
+
arrow,
|
|
61
|
+
background,
|
|
62
|
+
maxWidth,
|
|
63
|
+
translateZ0,
|
|
64
|
+
verticalOffsetBeforeEntrance
|
|
69
65
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
4
|
+
import { vars } from "../../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/private/Field/Field.css.ts?used", "braid-design-system");
|
|
6
6
|
const field = style({}, "field");
|
|
7
7
|
const placeholderColor = style({
|
|
@@ -37,11 +37,11 @@ const verticalDivider = style({
|
|
|
37
37
|
}, "verticalDivider");
|
|
38
38
|
endFileScope();
|
|
39
39
|
export {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
hoverOverlay
|
|
43
|
-
iconSpace
|
|
44
|
-
placeholderColor
|
|
45
|
-
secondaryIconSpace
|
|
46
|
-
verticalDivider
|
|
40
|
+
field,
|
|
41
|
+
focusOverlay,
|
|
42
|
+
hoverOverlay,
|
|
43
|
+
iconSpace,
|
|
44
|
+
placeholderColor,
|
|
45
|
+
secondaryIconSpace,
|
|
46
|
+
verticalDivider
|
|
47
47
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style, styleVariants } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { vars } from "../../../themes/vars.css.mjs";
|
|
5
|
+
import { hitArea } from "../touchable/hitArea.mjs";
|
|
6
|
+
import { debugTouchable } from "../touchable/debugTouchable.mjs";
|
|
7
7
|
setFileScope("src/lib/components/private/InlineField/InlineField.css.ts?used", "braid-design-system");
|
|
8
8
|
const sizes = {
|
|
9
9
|
standard: "standard",
|
|
@@ -99,18 +99,18 @@ const radioScale = style({
|
|
|
99
99
|
const radioIndicator = [indicator, radioScale];
|
|
100
100
|
endFileScope();
|
|
101
101
|
export {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
selected
|
|
102
|
+
badgeOffset,
|
|
103
|
+
checkboxIndicator,
|
|
104
|
+
children,
|
|
105
|
+
fakeField,
|
|
106
|
+
fakeFieldSize,
|
|
107
|
+
focusOverlay,
|
|
108
|
+
hoverOverlay,
|
|
109
|
+
isMixed,
|
|
110
|
+
labelOffset,
|
|
111
|
+
radioIndicator,
|
|
112
|
+
realField,
|
|
113
|
+
realFieldPosition,
|
|
114
|
+
root,
|
|
115
|
+
selected
|
|
116
116
|
};
|
|
@@ -58,9 +58,13 @@ const noRadiusOnRight = css.style({
|
|
|
58
58
|
const largestWidth = css.style({
|
|
59
59
|
width: styles_lib_themes_vars_css_cjs.vars.borderRadius.xlarge
|
|
60
60
|
}, "largestWidth");
|
|
61
|
+
const width = css.style({
|
|
62
|
+
width: styles_lib_themes_vars_css_cjs.vars.grid
|
|
63
|
+
}, "width");
|
|
61
64
|
fileScope.endFileScope();
|
|
62
65
|
exports.darkMode = darkMode;
|
|
63
66
|
exports.largestWidth = largestWidth;
|
|
64
67
|
exports.lightMode = lightMode;
|
|
65
68
|
exports.noRadiusOnRight = noRadiusOnRight;
|
|
66
69
|
exports.tone = tone;
|
|
70
|
+
exports.width = width;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { createThemeContract, assignVars, styleVariants, style } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { colorModeStyle } from "../../../css/colorModeStyle.mjs";
|
|
4
|
+
import { vars } from "../../../themes/vars.css.mjs";
|
|
5
5
|
setFileScope("src/lib/components/private/Keyline/Keyline.css.ts?used", "braid-design-system");
|
|
6
6
|
const keylineVars = createThemeContract({
|
|
7
7
|
promote: null,
|
|
@@ -57,11 +57,15 @@ const noRadiusOnRight = style({
|
|
|
57
57
|
const largestWidth = style({
|
|
58
58
|
width: vars.borderRadius.xlarge
|
|
59
59
|
}, "largestWidth");
|
|
60
|
+
const width = style({
|
|
61
|
+
width: vars.grid
|
|
62
|
+
}, "width");
|
|
60
63
|
endFileScope();
|
|
61
64
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
noRadiusOnRight
|
|
66
|
-
tone
|
|
65
|
+
darkMode,
|
|
66
|
+
largestWidth,
|
|
67
|
+
lightMode,
|
|
68
|
+
noRadiusOnRight,
|
|
69
|
+
tone,
|
|
70
|
+
width
|
|
67
71
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
3
|
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
4
|
+
import { externalGutter } from "./ModalExternalGutter.mjs";
|
|
5
|
+
import { responsiveStyle } from "../../../css/responsiveStyle.mjs";
|
|
6
|
+
import { vars } from "../../../themes/vars.css.mjs";
|
|
7
|
+
import { atoms } from "../../../css/atoms/atoms.mjs";
|
|
8
8
|
setFileScope("src/lib/components/private/Modal/Modal.css.ts?used", "braid-design-system");
|
|
9
9
|
const fixedStackingContext = atoms({
|
|
10
10
|
position: "fixed",
|
|
@@ -124,16 +124,16 @@ const closeIconOffset = style({
|
|
|
124
124
|
}, "closeIconOffset");
|
|
125
125
|
endFileScope();
|
|
126
126
|
export {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
pointerEventsAll
|
|
138
|
-
resetStackingContext
|
|
127
|
+
backdrop,
|
|
128
|
+
closeIconOffset,
|
|
129
|
+
entrance,
|
|
130
|
+
exit,
|
|
131
|
+
fixedStackingContext,
|
|
132
|
+
headingFocus,
|
|
133
|
+
headingRoot,
|
|
134
|
+
horiztontalTransition,
|
|
135
|
+
maxSize,
|
|
136
|
+
modalContainer,
|
|
137
|
+
pointerEventsAll,
|
|
138
|
+
resetStackingContext
|
|
139
139
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { createThemeContract, assignVars, styleVariants, style } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
3
|
+
import { colorModeStyle } from "../../../css/colorModeStyle.mjs";
|
|
4
4
|
setFileScope("src/lib/components/private/Placeholder/Placeholder.css.ts?used", "braid-design-system");
|
|
5
5
|
const vars = createThemeContract({
|
|
6
6
|
background: null,
|
|
@@ -54,9 +54,9 @@ const line = style({
|
|
|
54
54
|
}, "line");
|
|
55
55
|
endFileScope();
|
|
56
56
|
export {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
box,
|
|
58
|
+
darkTheme,
|
|
59
|
+
label,
|
|
60
|
+
lightTheme,
|
|
61
|
+
line
|
|
62
62
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
2
|
import { style } from "@vanilla-extract/css";
|
|
3
|
-
import {
|
|
3
|
+
import { hideFocusRingsDataAttribute } from "./hideFocusRingsDataAttribute.mjs";
|
|
4
4
|
setFileScope("src/lib/components/private/hideFocusRings/hideFocusRings.css.ts?used", "braid-design-system");
|
|
5
5
|
const hideFocusRingsClassName = style({
|
|
6
6
|
selectors: {
|
|
@@ -11,5 +11,5 @@ const hideFocusRingsClassName = style({
|
|
|
11
11
|
}, "hideFocusRingsClassName");
|
|
12
12
|
endFileScope();
|
|
13
13
|
export {
|
|
14
|
-
hideFocusRingsClassName
|
|
14
|
+
hideFocusRingsClassName
|
|
15
15
|
};
|