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
package/reset/package.json
CHANGED
package/test/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../dist/test";
|
package/test/package.json
CHANGED
package/themes/apac/package.json
CHANGED
package/themes/docs/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
-
const css = require("@vanilla-extract/css");
|
|
4
|
-
const cssUtils = require("@vanilla-extract/css-utils");
|
|
5
|
-
const styles_lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
|
|
6
|
-
const styles_lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
|
|
7
|
-
fileScope.setFileScope("src/lib/components/Badge/Badge.css.ts?used", "braid-design-system");
|
|
8
|
-
const constants = {
|
|
9
|
-
textSize: "xsmall"
|
|
10
|
-
};
|
|
11
|
-
const stylesForBreakpoint = (breakpoint) => {
|
|
12
|
-
const {
|
|
13
|
-
lineHeight,
|
|
14
|
-
capHeight
|
|
15
|
-
} = styles_lib_themes_vars_css_cjs.vars.textSize[constants.textSize][breakpoint];
|
|
16
|
-
const padding = cssUtils.calc.subtract(lineHeight, capHeight);
|
|
17
|
-
return {
|
|
18
|
-
margin: `${cssUtils.calc(padding).divide(2).negate()} 0`
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
const bleedY = css.style(styles_lib_css_responsiveStyle_cjs.responsiveStyle({
|
|
22
|
-
mobile: stylesForBreakpoint("mobile"),
|
|
23
|
-
tablet: stylesForBreakpoint("tablet")
|
|
24
|
-
}), "bleedY");
|
|
25
|
-
fileScope.endFileScope();
|
|
26
|
-
exports.bleedY = bleedY;
|
|
27
|
-
exports.constants = constants;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
-
import { style } from "@vanilla-extract/css";
|
|
3
|
-
import { calc } from "@vanilla-extract/css-utils";
|
|
4
|
-
import { r as responsiveStyle } from "../../css/responsiveStyle.mjs";
|
|
5
|
-
import { v as vars } from "../../themes/vars.css.mjs";
|
|
6
|
-
setFileScope("src/lib/components/Badge/Badge.css.ts?used", "braid-design-system");
|
|
7
|
-
const constants = {
|
|
8
|
-
textSize: "xsmall"
|
|
9
|
-
};
|
|
10
|
-
const stylesForBreakpoint = (breakpoint) => {
|
|
11
|
-
const {
|
|
12
|
-
lineHeight,
|
|
13
|
-
capHeight
|
|
14
|
-
} = vars.textSize[constants.textSize][breakpoint];
|
|
15
|
-
const padding = calc.subtract(lineHeight, capHeight);
|
|
16
|
-
return {
|
|
17
|
-
margin: `${calc(padding).divide(2).negate()} 0`
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
const bleedY = style(responsiveStyle({
|
|
21
|
-
mobile: stylesForBreakpoint("mobile"),
|
|
22
|
-
tablet: stylesForBreakpoint("tablet")
|
|
23
|
-
}), "bleedY");
|
|
24
|
-
endFileScope();
|
|
25
|
-
export {
|
|
26
|
-
bleedY as b,
|
|
27
|
-
constants as c
|
|
28
|
-
};
|