@workday/canvas-kit-preview-react 16.0.0-alpha.0470-next.0 → 16.0.0-alpha.0475-next.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/dist/commonjs/color-picker/lib/ColorPicker.js +1 -1
- package/dist/commonjs/color-picker/lib/parts/ColorReset.js +1 -1
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +1 -1
- package/dist/commonjs/divider/lib/Divider.js +1 -1
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -0
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
- package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
- package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
- package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
- package/dist/commonjs/radio/lib/RadioText.js +3 -3
- package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
- package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +14 -14
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/dist/commonjs/switch/lib/SwitchBackground.js +1 -1
- package/dist/commonjs/switch/lib/SwitchCircle.js +2 -2
- package/dist/commonjs/switch/lib/SwitchContainer.js +1 -1
- package/dist/commonjs/switch/lib/SwitchIcon.js +2 -2
- package/dist/commonjs/switch/lib/SwitchInput.js +3 -3
- package/dist/commonjs/tabs/index.d.ts +7 -0
- package/dist/commonjs/tabs/index.d.ts.map +1 -0
- package/dist/commonjs/tabs/index.js +22 -0
- package/dist/commonjs/tabs/lib/Tabs.d.ts +9555 -0
- package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/Tabs.js +127 -0
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +719 -0
- package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/TabsItem.js +50 -0
- package/dist/commonjs/tabs/lib/TabsList.d.ts +998 -0
- package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/TabsList.js +121 -0
- package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts +650 -0
- package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/TabsOverflowButton.js +28 -0
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts +654 -0
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/TabsPanel.js +42 -0
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts +320 -0
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/TabsPanels.js +13 -0
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts +5924 -0
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -0
- package/dist/commonjs/tabs/lib/useTabsModel.js +128 -0
- package/dist/commonjs/version/lib/version.js +1 -1
- package/dist/es6/color-picker/lib/ColorPicker.js +1 -1
- package/dist/es6/color-picker/lib/parts/ColorReset.js +1 -1
- package/dist/es6/color-picker/lib/parts/SwatchBook.js +1 -1
- package/dist/es6/divider/lib/Divider.js +1 -1
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
- package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
- package/dist/es6/radio/lib/RadioGroup.js +3 -3
- package/dist/es6/radio/lib/RadioLabel.js +1 -1
- package/dist/es6/radio/lib/RadioText.js +3 -3
- package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
- package/dist/es6/side-panel/lib/SidePanel.js +7 -7
- package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
- package/dist/es6/status-indicator/lib/StatusIndicator.js +14 -14
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/dist/es6/switch/lib/SwitchBackground.js +1 -1
- package/dist/es6/switch/lib/SwitchCircle.js +2 -2
- package/dist/es6/switch/lib/SwitchContainer.js +1 -1
- package/dist/es6/switch/lib/SwitchIcon.js +2 -2
- package/dist/es6/switch/lib/SwitchInput.js +3 -3
- package/dist/es6/tabs/index.d.ts +7 -0
- package/dist/es6/tabs/index.d.ts.map +1 -0
- package/dist/es6/tabs/index.js +6 -0
- package/dist/es6/tabs/lib/Tabs.d.ts +9555 -0
- package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -0
- package/dist/es6/tabs/lib/Tabs.js +124 -0
- package/dist/es6/tabs/lib/TabsItem.d.ts +719 -0
- package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -0
- package/dist/es6/tabs/lib/TabsItem.js +47 -0
- package/dist/es6/tabs/lib/TabsList.d.ts +998 -0
- package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -0
- package/dist/es6/tabs/lib/TabsList.js +95 -0
- package/dist/es6/tabs/lib/TabsOverflowButton.d.ts +650 -0
- package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
- package/dist/es6/tabs/lib/TabsOverflowButton.js +25 -0
- package/dist/es6/tabs/lib/TabsPanel.d.ts +654 -0
- package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -0
- package/dist/es6/tabs/lib/TabsPanel.js +36 -0
- package/dist/es6/tabs/lib/TabsPanels.d.ts +320 -0
- package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -0
- package/dist/es6/tabs/lib/TabsPanels.js +10 -0
- package/dist/es6/tabs/lib/useTabsModel.d.ts +5924 -0
- package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -0
- package/dist/es6/tabs/lib/useTabsModel.js +122 -0
- package/dist/es6/version/lib/version.js +1 -1
- package/index.ts +1 -0
- package/package.json +4 -4
- package/tabs/index.ts +7 -0
- package/tabs/lib/Tabs.tsx +135 -0
- package/tabs/lib/TabsItem.tsx +274 -0
- package/tabs/lib/TabsList.tsx +181 -0
- package/tabs/lib/TabsOverflowButton.tsx +61 -0
- package/tabs/lib/TabsPanel.tsx +77 -0
- package/tabs/lib/TabsPanels.tsx +20 -0
- package/tabs/lib/useTabsModel.tsx +141 -0
- package/tabs/package.json +6 -0
|
@@ -5,10 +5,10 @@ import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling
|
|
|
5
5
|
import { checkSmallIcon, xSmallIcon } from '@workday/canvas-system-icons-web';
|
|
6
6
|
import { component, system } from '@workday/canvas-tokens-web';
|
|
7
7
|
export const switchIconStencil = createStencil({
|
|
8
|
-
base: { name: "
|
|
8
|
+
base: { name: "3dum3e", styles: "box-sizing:border-box;--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--size-svg-bca693:var(--cnvs-component-system-icon-size-sm, 1.125rem);position:absolute;transition:transform 0ms;pointer-events:none;transform:translateX(0.875rem);:dir(rtl){transform:translateX(-0.875rem);}" },
|
|
9
9
|
modifiers: {
|
|
10
10
|
checked: {
|
|
11
|
-
true: { name: "
|
|
11
|
+
true: { name: "142rjm", styles: "transform:translateX(-0.125rem);:dir(rtl){transform:translateX(0.125rem);}" }
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
}, "switch-icon-8fcbbf");
|
|
@@ -3,11 +3,11 @@ import { createComponent, focusRing } from '@workday/canvas-kit-react/common';
|
|
|
3
3
|
import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
|
|
4
4
|
import { base, system } from '@workday/canvas-tokens-web';
|
|
5
5
|
export const switchInputStencil = createStencil({
|
|
6
|
-
base: { name: "
|
|
6
|
+
base: { name: "353jxt", styles: "box-sizing:border-box;display:flex;position:absolute;margin:0;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));width:2.125rem;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));opacity:0;cursor:pointer;& ~ div:first-of-type{outline-offset:0.125rem;}&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)));}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{outline:0.0625rem solid transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
|
|
7
7
|
modifiers: {
|
|
8
8
|
error: {
|
|
9
|
-
error: { name: "
|
|
10
|
-
caution: { name: "
|
|
9
|
+
error: { name: "qfbg8", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 var(--cnvs-base-size-25, 0.125rem) var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 var(--cnvs-base-size-50, 0.25rem) var(--cnvs-sys-color-brand-focus-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1))),\n 0 0 0 0.3125rem transparent;}" },
|
|
10
|
+
caution: { name: "wdrrz", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 var(--cnvs-base-size-25, 0.125rem) var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 var(--cnvs-base-size-50, 0.25rem) var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1))),\n 0 0 0 0.3125rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));}" }
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
}, "switch-input-cce660");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}
|