npm - bord-design-system - Versions diffs - 0.0.54 → 0.0.55 - Mend

bord-design-system 0.0.54 → 0.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -13394,7 +13394,7 @@ styleInject(css_248z$1l);
 const LabeledSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsx("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: jsx("span", { className: "dsSwitchThumb", children: jsx("span", { className: "dsSwitchThumbLabel", children: checked ? onLabel : offLabel }) }) }));
-var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel,.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
+var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel{color:var(--ds-c-content-secondary)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
 styleInject(css_248z$1k);
 const SegmentedSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsxs("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: [jsx("span", { className: "dsSwitchThumb" }), jsx("span", { className: `dsSwitchSegmentedLabel ${!checked ? 'isActive' : ''}`, children: offLabel }), jsx("span", { className: `dsSwitchSegmentedLabel ${checked ? 'isActive' : ''}`, children: onLabel })] }));

package/dist/index.js CHANGED Viewed

@@ -13418,7 +13418,7 @@ styleInject(css_248z$1l);
 const LabeledSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsxRuntime.jsx("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: jsxRuntime.jsx("span", { className: "dsSwitchThumb", children: jsxRuntime.jsx("span", { className: "dsSwitchThumbLabel", children: checked ? onLabel : offLabel }) }) }));
-var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel,.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
+var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel{color:var(--ds-c-content-secondary)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
 styleInject(css_248z$1k);
 const SegmentedSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsxRuntime.jsxs("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: [jsxRuntime.jsx("span", { className: "dsSwitchThumb" }), jsxRuntime.jsx("span", { className: `dsSwitchSegmentedLabel ${!checked ? 'isActive' : ''}`, children: offLabel }), jsxRuntime.jsx("span", { className: `dsSwitchSegmentedLabel ${checked ? 'isActive' : ''}`, children: onLabel })] }));

package/dist/index.webpack.js CHANGED Viewed

@@ -13394,7 +13394,7 @@ styleInject(css_248z$1l);
 const LabeledSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsx("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: jsx("span", { className: "dsSwitchThumb", children: jsx("span", { className: "dsSwitchThumbLabel", children: checked ? onLabel : offLabel }) }) }));
-var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel,.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
+var css_248z$1k = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel{color:var(--ds-c-content-secondary)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
 styleInject(css_248z$1k);
 const SegmentedSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsxs("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: [jsx("span", { className: "dsSwitchThumb" }), jsx("span", { className: `dsSwitchSegmentedLabel ${!checked ? 'isActive' : ''}`, children: offLabel }), jsx("span", { className: `dsSwitchSegmentedLabel ${checked ? 'isActive' : ''}`, children: onLabel })] }));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "bord-design-system",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",