@workday/canvas-kit-react 15.0.0-alpha.0325-next.0 → 15.0.0-alpha.0326-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/button/lib/BaseButton.tsx +1 -1
- package/button/lib/parts/ButtonLabelIcon.tsx +4 -4
- package/dist/commonjs/button/lib/BaseButton.js +21 -21
- package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +4 -4
- package/dist/commonjs/icon/lib/ExpressiveIcon.js +2 -2
- package/dist/commonjs/icon/lib/SystemIcon.js +2 -2
- package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuCard.js +1 -1
- package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuItem.js +2 -2
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +3 -3
- package/dist/commonjs/pill/lib/Pill.d.ts +10 -1
- package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
- package/dist/commonjs/switch/lib/Switch.js +7 -7
- package/dist/commonjs/table/lib/BaseTable.d.ts.map +1 -1
- package/dist/commonjs/table/lib/BaseTable.js +1 -1
- package/dist/commonjs/table/lib/parts/BaseTableCaption.js +1 -1
- package/dist/commonjs/table/lib/parts/BaseTableCell.js +1 -1
- package/dist/commonjs/table/lib/parts/BaseTableHead.js +1 -1
- package/dist/commonjs/table/lib/parts/BaseTableHeader.js +2 -2
- package/dist/commonjs/text/lib/LabelText.d.ts.map +1 -1
- package/dist/commonjs/text/lib/LabelText.js +6 -6
- package/dist/commonjs/text-input/lib/InputGroup.js +2 -2
- package/dist/commonjs/tokens/index.d.ts +3 -3
- package/dist/commonjs/tokens/index.js +2 -2
- package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/commonjs/tooltip/lib/TooltipContainer.js +2 -2
- package/dist/es6/button/lib/BaseButton.js +21 -21
- package/dist/es6/button/lib/parts/ButtonLabelIcon.js +4 -4
- package/dist/es6/icon/lib/ExpressiveIcon.js +2 -2
- package/dist/es6/icon/lib/SystemIcon.js +2 -2
- package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuCard.js +1 -1
- package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuItem.js +4 -4
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +4 -4
- package/dist/es6/pill/lib/Pill.d.ts +10 -1
- package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
- package/dist/es6/switch/lib/Switch.js +7 -7
- package/dist/es6/table/lib/BaseTable.d.ts.map +1 -1
- package/dist/es6/table/lib/BaseTable.js +1 -1
- package/dist/es6/table/lib/parts/BaseTableCaption.js +1 -1
- package/dist/es6/table/lib/parts/BaseTableCell.js +1 -1
- package/dist/es6/table/lib/parts/BaseTableHead.js +1 -1
- package/dist/es6/table/lib/parts/BaseTableHeader.js +3 -3
- package/dist/es6/text/lib/LabelText.d.ts.map +1 -1
- package/dist/es6/text/lib/LabelText.js +6 -6
- package/dist/es6/text-input/lib/InputGroup.js +2 -2
- package/dist/es6/tokens/index.d.ts +3 -3
- package/dist/es6/tokens/index.js +3 -3
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/TooltipContainer.js +2 -2
- package/icon/lib/ExpressiveIcon.tsx +5 -5
- package/icon/lib/SystemIcon.tsx +5 -5
- package/menu/lib/MenuCard.tsx +8 -2
- package/menu/lib/MenuItem.tsx +4 -4
- package/package.json +5 -5
- package/pagination/lib/Pagination/AdditionalDetails.tsx +11 -5
- package/switch/lib/Switch.tsx +3 -3
- package/table/lib/BaseTable.tsx +10 -4
- package/table/lib/parts/BaseTableCaption.tsx +1 -1
- package/table/lib/parts/BaseTableCell.tsx +1 -1
- package/table/lib/parts/BaseTableHead.tsx +2 -2
- package/table/lib/parts/BaseTableHeader.tsx +4 -4
- package/text/lib/LabelText.tsx +12 -6
- package/text-input/lib/InputGroup.tsx +2 -2
- package/tokens/index.ts +3 -3
- package/tooltip/lib/TooltipContainer.tsx +7 -1
|
@@ -188,7 +188,7 @@ export const buttonStencil = createStencil({
|
|
|
188
188
|
'&:hover, &.hover': {
|
|
189
189
|
backgroundColor: cssVar(
|
|
190
190
|
buttonColorPropVars.hover.background,
|
|
191
|
-
cssVar(background, system.color.
|
|
191
|
+
cssVar(background, system.legacy.color.surface.contrast.strong)
|
|
192
192
|
),
|
|
193
193
|
borderColor: cssVar(buttonColorPropVars.hover.border, cssVar(border, 'transparent')),
|
|
194
194
|
color: cssVar(buttonColorPropVars.hover.label, cssVar(label, system.color.fg.stronger)),
|
|
@@ -35,16 +35,16 @@ const buttonIconStencil = createStencil({
|
|
|
35
35
|
modifiers: {
|
|
36
36
|
size: {
|
|
37
37
|
extraSmall: {
|
|
38
|
-
[systemIconStencil.vars.size]: component.systemIcon.size.xs,
|
|
38
|
+
[systemIconStencil.vars.size]: component.legacy.systemIcon.size.xs,
|
|
39
39
|
},
|
|
40
40
|
small: {
|
|
41
|
-
[systemIconStencil.vars.size]: component.systemIcon.size.md,
|
|
41
|
+
[systemIconStencil.vars.size]: component.legacy.systemIcon.size.md,
|
|
42
42
|
},
|
|
43
43
|
medium: {
|
|
44
|
-
[systemIconStencil.vars.size]: component.systemIcon.size.md,
|
|
44
|
+
[systemIconStencil.vars.size]: component.legacy.systemIcon.size.md,
|
|
45
45
|
},
|
|
46
46
|
large: {
|
|
47
|
-
[systemIconStencil.vars.size]: component.systemIcon.size.lg,
|
|
47
|
+
[systemIconStencil.vars.size]: component.legacy.systemIcon.size.lg,
|
|
48
48
|
},
|
|
49
49
|
},
|
|
50
50
|
},
|
|
@@ -32,7 +32,7 @@ exports.buttonStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
32
32
|
opacity: '',
|
|
33
33
|
borderRadius: '',
|
|
34
34
|
},
|
|
35
|
-
base: { name: "
|
|
35
|
+
base: { name: "12q0xs", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);background-color:var(--background-a282d7, var(--background-button-c26182, transparent));color:var(--label-a282d7, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));border-width:0.0625rem;border-style:solid;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));border-color:var(--border-a282d7, var(--border-button-c26182, transparent));cursor:pointer;display:inline-flex;box-shadow:none;align-items:center;justify-content:center;outline:0.125rem transparent;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--borderRadius-a282d7, var(--borderRadius-button-c26182, var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))));position:relative;vertical-align:middle;overflow:hidden;--color-system-icon-c9acc3:var(--icon-a282d7, var(--cnvs-sys-color-fg-strong));transition:box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear;&:disabled, &:disabled:active, &.disabled{cursor:default;box-shadow:none;opacity:var(--opacity-a282d7, var(--opacity-button-c26182, var(--cnvs-sys-opacity-full)));}&:focus-visible, &.focus{background-color:var(--background-328a7e, var(--background-button-c26182, transparent));border-color:var(--border-328a7e, var(--border-button-c26182, transparent));color:var(--label-328a7e, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-328a7e, var(--cnvs-sys-color-fg-strong));outline:0.125rem solid transparent;outline-offset:0.125rem;box-shadow:0 0 0 0.125rem var(--boxShadowInner-328a7e, var(--boxShadowInner-button-c26182, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1))))),0 0 0 0.25rem var(--boxShadowOuter-328a7e, var(--boxShadowOuter-button-c26182, var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))));}&:hover, &.hover{background-color:var(--background-d047e0, var(--background-button-c26182, var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0.0672 0 0 / 0.89)))));border-color:var(--border-d047e0, var(--border-button-c26182, transparent));color:var(--label-d047e0, var(--label-button-c26182, var(--cnvs-sys-color-fg-stronger)));--color-system-icon-c9acc3:var(--icon-d047e0, var(--cnvs-sys-color-fg-stronger));}&:hover:active{transition-duration:40ms;}&:active, &.active{background-color:var(--background-dc35d3, var(--background-button-c26182, transparent));border-color:var(--border-dc35d3, var(--border-button-c26182, transparent));color:var(--label-dc35d3, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-dc35d3, var(--cnvs-sys-color-fg-strong));}&:disabled, &.disabled{background-color:var(--background-d319ee, var(--background-button-c26182, transparent));border-color:var(--border-d319ee, var(--border-button-c26182, transparent));color:var(--label-d319ee, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-d319ee, currentColor);}@media (prefers-contrast: more){&[aria-pressed=\"true\"]{outline:0.125rem solid transparent;outline-offset:-0.0625rem;}&[aria-pressed=\"true\"]:focus-visible, &[aria-pressed=\"true\"].focus{outline:0.25rem double transparent;outline-offset:0;}}svg{pointer-events:none;}" },
|
|
36
36
|
modifiers: {
|
|
37
37
|
/**
|
|
38
38
|
* Button modifiers that will overwrite the base styles of Buttons.
|
|
@@ -41,70 +41,70 @@ exports.buttonStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
41
41
|
* within a button or if there is only an icon and no text.
|
|
42
42
|
*/
|
|
43
43
|
size: {
|
|
44
|
-
large: { name: "
|
|
45
|
-
medium: { name: "
|
|
46
|
-
small: { name: "
|
|
47
|
-
extraSmall: { name: "
|
|
44
|
+
large: { name: "3bzlu1", styles: "font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small));height:var(--cnvs-sys-size-lg, 3rem);padding-inline:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));min-width:var(--cnvs-base-size-1400, 7rem);" },
|
|
45
|
+
medium: { name: "43f58c", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));min-width:var(--cnvs-base-size-1200, 6rem);padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
|
|
46
|
+
small: { name: "2i5ysf", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));min-width:var(--cnvs-base-size-1000, 5rem);padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
|
|
47
|
+
extraSmall: { name: "2ju7qw", styles: "font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));min-width:auto;padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" }
|
|
48
48
|
},
|
|
49
49
|
grow: {
|
|
50
|
-
true: { name: "
|
|
50
|
+
true: { name: "1z7uq", styles: "width:100%;max-width:100%;" }
|
|
51
51
|
},
|
|
52
52
|
// IconPosition Styles
|
|
53
53
|
iconPosition: {
|
|
54
|
-
only: { name: "
|
|
55
|
-
start: { name: "
|
|
56
|
-
end: { name: "
|
|
54
|
+
only: { name: "4fc90u", styles: "padding:0;" },
|
|
55
|
+
start: { name: "2yw8y3", styles: "" },
|
|
56
|
+
end: { name: "4af9od", styles: "" }
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
// Compound Modifier Styles
|
|
60
60
|
compound: [
|
|
61
61
|
{
|
|
62
62
|
modifiers: { size: 'large', iconPosition: 'only' },
|
|
63
|
-
styles: { name: "
|
|
63
|
+
styles: { name: "489qsy", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
66
|
modifiers: { size: 'large', iconPosition: 'start' },
|
|
67
|
-
styles: { name: "
|
|
67
|
+
styles: { name: "3p4ca4", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));padding-inline-end:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));" }
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
modifiers: { size: 'large', iconPosition: 'end' },
|
|
71
|
-
styles: { name: "
|
|
71
|
+
styles: { name: "1m3jqr", styles: "padding-inline-start:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
modifiers: { size: 'medium', iconPosition: 'only' },
|
|
75
|
-
styles: { name: "
|
|
75
|
+
styles: { name: "3fmac", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" }
|
|
76
76
|
},
|
|
77
77
|
{
|
|
78
78
|
modifiers: { size: 'medium', iconPosition: 'start' },
|
|
79
|
-
styles: { name: "
|
|
79
|
+
styles: { name: "3eklb0", styles: "padding-inline-start:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
modifiers: { size: 'medium', iconPosition: 'end' },
|
|
83
|
-
styles: { name: "
|
|
83
|
+
styles: { name: "ip8qo", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));padding-inline-end:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));" }
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
86
|
modifiers: { size: 'small', iconPosition: 'only' },
|
|
87
|
-
styles: { name: "
|
|
87
|
+
styles: { name: "116ij1", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));" }
|
|
88
88
|
},
|
|
89
89
|
{
|
|
90
90
|
modifiers: { size: 'small', iconPosition: 'start' },
|
|
91
|
-
styles: { name: "
|
|
91
|
+
styles: { name: "1016xb", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));padding-inline-end:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
modifiers: { size: 'small', iconPosition: 'end' },
|
|
95
|
-
styles: { name: "
|
|
95
|
+
styles: { name: "2bjwbm", styles: "padding-inline-start:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
modifiers: { size: 'extraSmall', iconPosition: 'only' },
|
|
99
|
-
styles: { name: "
|
|
99
|
+
styles: { name: "43lmzb", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
modifiers: { size: 'extraSmall', iconPosition: 'start' },
|
|
103
|
-
styles: { name: "
|
|
103
|
+
styles: { name: "2rvcs7", styles: "padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
modifiers: { size: 'extraSmall', iconPosition: 'end' },
|
|
107
|
-
styles: { name: "
|
|
107
|
+
styles: { name: "3pt3ak", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));padding-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
|
|
108
108
|
}
|
|
109
109
|
]
|
|
110
110
|
}, "button-c26182");
|
|
@@ -10,10 +10,10 @@ const buttonIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
10
10
|
base: { name: "3za1t9", styles: "box-sizing:border-box;display:inline-block;" },
|
|
11
11
|
modifiers: {
|
|
12
12
|
size: {
|
|
13
|
-
extraSmall: { name: "
|
|
14
|
-
small: { name: "
|
|
15
|
-
medium: { name: "
|
|
16
|
-
large: { name: "
|
|
13
|
+
extraSmall: { name: "17ljf0", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem));" },
|
|
14
|
+
small: { name: "1qtiyj", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
|
|
15
|
+
medium: { name: "2m6n4r", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
|
|
16
|
+
large: { name: "1w5kjt", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}, "button-icon-045c76");
|
|
@@ -19,13 +19,13 @@ exports.expressiveIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
19
19
|
*/
|
|
20
20
|
accentColor: '',
|
|
21
21
|
},
|
|
22
|
-
base: { name: "
|
|
22
|
+
base: { name: "rk7j9", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));}.wd-expressive .wd-expressive-fill{fill:var(--color-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-expressive .wd-expressive-accent{fill:var(--accentColor-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-accent, oklch(0.0847 0 0 / 0.17)));}@media (prefers-contrast: more){.wd-expressive .wd-expressive-fill{color:currentColor;fill:currentColor;}.wd-expressive .wd-expressive-accent{color:transparent;fill:transparent;}}" }
|
|
23
23
|
}, "expressive-icon-3a9572");
|
|
24
24
|
exports.ExpressiveIcon = (0, common_1.createComponent)('span')({
|
|
25
25
|
displayName: 'ExpressiveIcon',
|
|
26
26
|
Component: ({ accent, color, icon, size, ...elemProps }, ref, Element) => {
|
|
27
27
|
return ((0, jsx_runtime_1.jsx)(Svg_1.Svg, { as: Element, src: icon, type: canvas_expressive_icons_web_1.CanvasIconTypes.Expressive, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.expressiveIconStencil)({
|
|
28
|
-
size: (0, Svg_1.resolveSize)(size, canvas_tokens_web_1.component.expressiveIcon.size),
|
|
28
|
+
size: (0, Svg_1.resolveSize)(size, canvas_tokens_web_1.component.legacy.expressiveIcon.size),
|
|
29
29
|
color,
|
|
30
30
|
accentColor: accent,
|
|
31
31
|
})) }));
|
|
@@ -25,7 +25,7 @@ exports.systemIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
25
25
|
*/
|
|
26
26
|
backgroundColor: '',
|
|
27
27
|
},
|
|
28
|
-
base: { name: "
|
|
28
|
+
base: { name: "44uit", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));}.wd-icon .wd-icon-fill{fill:var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-icon .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-c9acc3, var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))));}.wd-icon .wd-icon-background{fill:var(--backgroundColor-system-icon-c9acc3, transparent);}@media (prefers-contrast: more){.wd-icon .wd-icon-fill, .wd-icon .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
|
|
29
29
|
// Keeps parent stencil `ME` inferred as `{}` so extending stencils keep correct boolean modifier typings.
|
|
30
30
|
modifiers: {}
|
|
31
31
|
}, "system-icon-c9acc3");
|
|
@@ -33,7 +33,7 @@ exports.SystemIcon = (0, common_1.createComponent)('span')({
|
|
|
33
33
|
displayName: 'SystemIcon',
|
|
34
34
|
Component: ({ accent, background, color, icon, size, ...elemProps }, ref, Element) => {
|
|
35
35
|
return ((0, jsx_runtime_1.jsx)(Svg_1.Svg, { as: Element, src: icon, type: canvas_system_icons_web_1.CanvasIconTypes.System, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.systemIconStencil)({
|
|
36
|
-
size: (0, Svg_1.resolveSize)(size, canvas_tokens_web_1.component.systemIcon.size),
|
|
36
|
+
size: (0, Svg_1.resolveSize)(size, canvas_tokens_web_1.component.legacy.systemIcon.size),
|
|
37
37
|
color,
|
|
38
38
|
accentColor: accent,
|
|
39
39
|
backgroundColor: background,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;gBAgC1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}
|
|
@@ -40,7 +40,7 @@ exports.menuCardStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
40
40
|
transformOriginHorizontal: 'left',
|
|
41
41
|
maxHeight: '',
|
|
42
42
|
},
|
|
43
|
-
base: { name: "
|
|
43
|
+
base: { name: "16v4t7", styles: "--minWidth-menu-card-88fe55:0.0625rem;--transformOriginVertical-menu-card-88fe55:top;--transformOriginHorizontal-menu-card-88fe55:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-88fe55);max-height:var(--maxHeight-menu-card-88fe55);transform-origin:var(--transformOriginVertical-menu-card-88fe55) var(--transformOriginHorizontal-menu-card-88fe55);.wd-no-animation &{animation:none;}" }
|
|
44
44
|
}, "menu-card-88fe55");
|
|
45
45
|
exports.useMenuCard = (0, common_1.createElemPropsHook)(useMenuModel_1.useMenuModel)(() => {
|
|
46
46
|
return {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAG9F,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;oBA+F1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAEd,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuB3B,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIC,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAlDnB,mBAAmB;;;;;;;;;;;;;;;;;aAiEvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9FY,eAAe;;CA8G9C,CAAC"}
|
|
@@ -40,8 +40,8 @@ exports.menuItemStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
40
40
|
icon: 'menu-item-icon',
|
|
41
41
|
selected: 'menu-item-selected',
|
|
42
42
|
},
|
|
43
|
-
base: { name: "
|
|
44
|
-
}, "menu-item-
|
|
43
|
+
base: { name: "11jewo", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-c9acc3:currentColor;outline:none;background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.focus, :focus-visible){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
|
|
44
|
+
}, "menu-item-6ee0e9");
|
|
45
45
|
const MenuItemIcon = (elemProps) => {
|
|
46
46
|
return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ...exports.menuItemStencil.parts.icon, ...elemProps });
|
|
47
47
|
};
|
|
@@ -9,7 +9,7 @@ export interface AdditionalDetailsProps extends Omit<FlexProps, 'children'> {
|
|
|
9
9
|
export declare const paginationAdditionalDetailsStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
10
10
|
shouldHideDetails: {
|
|
11
11
|
true: {
|
|
12
|
-
marginBlockStart:
|
|
12
|
+
marginBlockStart: string;
|
|
13
13
|
clip: "rect(1px, 1px, 1px, 1px)";
|
|
14
14
|
clipPath: "polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)";
|
|
15
15
|
position: "absolute";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdditionalDetails.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/AdditionalDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAKxE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAGxC,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"AdditionalDetails.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/AdditionalDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAKxE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAGxC,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;wBAqB7C,CAAC;AAEH,eAAO,MAAM,iBAAiB,4FAsB5B,CAAC"}
|
|
@@ -33,13 +33,13 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
|
33
33
|
const useLiveRegion_1 = require("./common/useLiveRegion");
|
|
34
34
|
const usePaginationModel_1 = require("./usePaginationModel");
|
|
35
35
|
exports.paginationAdditionalDetailsStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
36
|
-
base: { name: "
|
|
36
|
+
base: { name: "6uc37", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));color:var(--cnvs-sys-color-fg-muted-default);margin-block-start:0.75rem;" },
|
|
37
37
|
modifiers: {
|
|
38
38
|
shouldHideDetails: {
|
|
39
|
-
true: { name: "
|
|
39
|
+
true: { name: "3u0hdn", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;margin-block-start:0;" }
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
}, "pagination-additional-details-
|
|
42
|
+
}, "pagination-additional-details-9f0e61");
|
|
43
43
|
exports.AdditionalDetails = (0, common_1.createComponent)('div')({
|
|
44
44
|
displayName: 'Pagination.AdditionalDetails',
|
|
45
45
|
Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
|
|
@@ -98,7 +98,16 @@ export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<
|
|
|
98
98
|
grow: {
|
|
99
99
|
true: {
|
|
100
100
|
width: string;
|
|
101
|
-
maxWidth: string;
|
|
101
|
+
maxWidth: string; /**
|
|
102
|
+
* This component renders a `<span>` that automatically handles overflow by rendering a tooltip.
|
|
103
|
+
* There's no need to use this component directly since the overflow is handled for you automatically unless you have an icon or other element.
|
|
104
|
+
*
|
|
105
|
+
* ```tsx
|
|
106
|
+
* <Pill variant="readOnly">
|
|
107
|
+
* <Pill.Label>Read-only</Pill.Label>
|
|
108
|
+
* </Pill>
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
102
111
|
};
|
|
103
112
|
};
|
|
104
113
|
iconPosition: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAW5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAW5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA0OpB;;;;;;;;;eASG;;;;;;;;;;;;;;;;;;wBA1GL,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA8BL,CAAC"}
|
|
@@ -19,8 +19,8 @@ const switchInputStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
19
19
|
base: { name: "1sdfok", styles: "box-sizing:border-box;display:flex;position:absolute;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));opacity:0;cursor:pointer;&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 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{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));}}" },
|
|
20
20
|
modifiers: {
|
|
21
21
|
error: {
|
|
22
|
-
error: { name: "
|
|
23
|
-
caution: { name: "
|
|
22
|
+
error: { name: "dowbf", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 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;}" },
|
|
23
|
+
caution: { name: "1b3p2p", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 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)));}" }
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
}, "switch-input-a3e5c3");
|
|
@@ -31,8 +31,8 @@ const SwitchInput = (0, common_1.createComponent)('input')({
|
|
|
31
31
|
},
|
|
32
32
|
});
|
|
33
33
|
const switchBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
34
|
-
base: { name: "
|
|
35
|
-
}, "switch-background-
|
|
34
|
+
base: { name: "2jh9up", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));padding:0 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.754 0.0181 256.33 / 1)));" }
|
|
35
|
+
}, "switch-background-f23362");
|
|
36
36
|
const SwitchBackground = (0, common_1.createComponent)('div')({
|
|
37
37
|
displayName: 'SwitchBackground',
|
|
38
38
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -40,13 +40,13 @@ const SwitchBackground = (0, common_1.createComponent)('div')({
|
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
42
|
const switchCircleStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
43
|
-
base: { name: "
|
|
43
|
+
base: { name: "2e80mh", styles: "box-sizing:border-box;width:var(--cnvs-base-size-150, 0.75rem);height:var(--cnvs-base-size-150, 0.75rem);border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-sys-color-fg-inverse);transform:translateX(0);" },
|
|
44
44
|
modifiers: {
|
|
45
45
|
checked: {
|
|
46
|
-
true: { name: "
|
|
46
|
+
true: { name: "f8ist", styles: "transform:translateX(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem)));:dir(rtl){transform:translateX(calc(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem)) * -1));}" }
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
}, "switch-circle-
|
|
49
|
+
}, "switch-circle-06e4c0");
|
|
50
50
|
const SwitchCircle = (0, common_1.createComponent)('div')({
|
|
51
51
|
displayName: 'SwitchCircle',
|
|
52
52
|
Component: ({ checked, ...elemProps }, ref, Element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB,iJAc3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;IAUlB;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;MAmBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
|
|
@@ -14,7 +14,7 @@ const BaseTableHead_1 = require("./parts/BaseTableHead");
|
|
|
14
14
|
const BaseTableHeader_1 = require("./parts/BaseTableHeader");
|
|
15
15
|
const BaseTableRow_1 = require("./parts/BaseTableRow");
|
|
16
16
|
exports.baseTableStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
17
|
-
base: { name: "
|
|
17
|
+
base: { name: "1bp1nm", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));border:0.0625rem solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));overflow:auto;color:var(--cnvs-sys-color-fg-default);" }
|
|
18
18
|
}, "base-table-51e04b");
|
|
19
19
|
/**
|
|
20
20
|
* `BaseTable` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element.
|
|
@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
8
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
9
|
exports.baseTableCaptionStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
10
|
+
base: { name: "2p55ln", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
|
|
11
11
|
}, "base-table-caption-7b2391");
|
|
12
12
|
exports.BaseTableCaption = (0, common_1.createComponent)('caption')({
|
|
13
13
|
displayName: 'Table.Caption',
|
|
@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
8
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
9
|
exports.baseTableCellStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
10
|
+
base: { name: "2kdaq2", styles: "box-sizing:border-box;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));grid-template-columns:1fr;justify-content:start;min-height:3.5rem;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;" }
|
|
11
11
|
}, "base-table-cell-c0b491");
|
|
12
12
|
exports.BaseTableCell = (0, common_1.createComponent)('td')({
|
|
13
13
|
displayName: 'Table.Cell',
|
|
@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
8
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
9
|
exports.baseTableHeadStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
10
|
+
base: { name: "3accz1", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-surface-raised, var(--cnvs-sys-color-bg-alt-softer, oklch(0.4688 0.0781 250.43 / 0.03)));min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem)));th {&:first-of-type{border-inline-start:none;}&:last-of-type{border-inline-end:none;}}" }
|
|
11
11
|
}, "base-table-head-04aad6");
|
|
12
12
|
exports.BaseTableHead = (0, common_1.createComponent)('thead')({
|
|
13
13
|
displayName: 'Table.Head',
|
|
@@ -7,8 +7,8 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
8
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
9
|
exports.baseTableHeaderStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
11
|
-
}, "base-table-header-
|
|
10
|
+
base: { name: "44f9lj", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);" }
|
|
11
|
+
}, "base-table-header-325ccb");
|
|
12
12
|
exports.BaseTableHeader = (0, common_1.createComponent)('th')({
|
|
13
13
|
displayName: 'Table.Header',
|
|
14
14
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAIlD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,SAAS,CAAC,EAAE,GAAG,MAAM,OAAO,MAAM,CAAC,IAAI,IAAI,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1E;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACxC;
|
|
1
|
+
{"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAIlD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,SAAS,CAAC,EAAE,GAAG,MAAM,OAAO,MAAM,CAAC,IAAI,IAAI,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1E;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACxC;AAsCD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,sFAUpB,CAAC"}
|
|
@@ -9,21 +9,21 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
|
9
9
|
const Text_1 = require("./Text");
|
|
10
10
|
const labelTextStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
11
11
|
extends: Text_1.textStencil,
|
|
12
|
-
base: { name: "
|
|
12
|
+
base: { name: "14r5pu", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);" },
|
|
13
13
|
modifiers: {
|
|
14
14
|
disabled: {
|
|
15
|
-
true: { name: "
|
|
15
|
+
true: { name: "420h26", styles: "cursor:default;color:var(--cnvs-sys-color-fg-disabled);" }
|
|
16
16
|
},
|
|
17
17
|
variant: {
|
|
18
|
-
inverse: { name: "
|
|
19
|
-
error: { name: "
|
|
20
|
-
hint: { name: "
|
|
18
|
+
inverse: { name: "2cai9p", styles: "color:var(--cnvs-sys-color-fg-inverse);" },
|
|
19
|
+
error: { name: "9a0sp", styles: "color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));" },
|
|
20
|
+
hint: { name: "3y9f3n", styles: "color:var(--cnvs-sys-color-fg-muted-default);" }
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
compound: [
|
|
24
24
|
{
|
|
25
25
|
modifiers: { variant: 'inverse', disabled: true },
|
|
26
|
-
styles: { name: "
|
|
26
|
+
styles: { name: "183sk8", styles: "opacity:var(--cnvs-sys-opacity-disabled);color:var(--cnvs-sys-color-fg-inverse);" }
|
|
27
27
|
}
|
|
28
28
|
]
|
|
29
29
|
}, "label-text-3d99f1");
|
|
@@ -204,11 +204,11 @@ exports.InputGroup = (0, common_1.createContainer)('div')({
|
|
|
204
204
|
// `offsetEnd` arrays
|
|
205
205
|
react_1.default.Children.forEach(children, child => {
|
|
206
206
|
if (react_1.default.isValidElement(child) && child.type === InputGroupInnerStart) {
|
|
207
|
-
const width = (0, canvas_kit_styling_1.wrapProperty)(child.props.width || canvas_tokens_web_1.system.
|
|
207
|
+
const width = (0, canvas_kit_styling_1.wrapProperty)(child.props.width || canvas_tokens_web_1.system.legacy.size.md);
|
|
208
208
|
offsetsStart.push(width);
|
|
209
209
|
}
|
|
210
210
|
if (react_1.default.isValidElement(child) && child.type === InputGroupInnerEnd) {
|
|
211
|
-
const width = (0, canvas_kit_styling_1.wrapProperty)(child.props.width || canvas_tokens_web_1.system.
|
|
211
|
+
const width = (0, canvas_kit_styling_1.wrapProperty)(child.props.width || canvas_tokens_web_1.system.legacy.size.md);
|
|
212
212
|
offsetsEnd.push(width);
|
|
213
213
|
}
|
|
214
214
|
});
|
|
@@ -534,7 +534,7 @@ export declare const canvas: {
|
|
|
534
534
|
* // before
|
|
535
535
|
* import { type } from '@workday/canvas-kit-react/tokens';
|
|
536
536
|
* const styles = css({
|
|
537
|
-
* ...type.levels.body.
|
|
537
|
+
* ...type.levels.body.lg,
|
|
538
538
|
* fontWeight: type.properties.fontWeights.bold,
|
|
539
539
|
* color: type.variants.error,
|
|
540
540
|
* })
|
|
@@ -543,7 +543,7 @@ export declare const canvas: {
|
|
|
543
543
|
* import { system } from '@workday/canvas-tokens-web';
|
|
544
544
|
* import { createStyles } from '@workday/canvas-kit-styling';
|
|
545
545
|
* const styles = createStyles({
|
|
546
|
-
* ...system.type.body.
|
|
546
|
+
* ...system.type.body.lg,
|
|
547
547
|
* fontWeight: system.fontWeight.bold,
|
|
548
548
|
* color: system.color.fg.critical.default,
|
|
549
549
|
* })
|
|
@@ -770,7 +770,7 @@ spaceNumbers,
|
|
|
770
770
|
* import { system } from '@workday/canvas-tokens-web';
|
|
771
771
|
* import { createStyles } from '@workday/canvas-kit-styling';
|
|
772
772
|
* const styles = createStyles({
|
|
773
|
-
* ...system.type.body.
|
|
773
|
+
* ...system.type.body.lg,
|
|
774
774
|
* fontWeight: system.fontWeight.bold,
|
|
775
775
|
* color: system.color.fg.critical.default,
|
|
776
776
|
* })
|
|
@@ -153,7 +153,7 @@ exports.canvas = {
|
|
|
153
153
|
* // before
|
|
154
154
|
* import { type } from '@workday/canvas-kit-react/tokens';
|
|
155
155
|
* const styles = css({
|
|
156
|
-
* ...type.levels.body.
|
|
156
|
+
* ...type.levels.body.lg,
|
|
157
157
|
* fontWeight: type.properties.fontWeights.bold,
|
|
158
158
|
* color: type.variants.error,
|
|
159
159
|
* })
|
|
@@ -162,7 +162,7 @@ exports.canvas = {
|
|
|
162
162
|
* import { system } from '@workday/canvas-tokens-web';
|
|
163
163
|
* import { createStyles } from '@workday/canvas-kit-styling';
|
|
164
164
|
* const styles = createStyles({
|
|
165
|
-
* ...system.type.body.
|
|
165
|
+
* ...system.type.body.lg,
|
|
166
166
|
* fontWeight: system.fontWeight.bold,
|
|
167
167
|
* color: system.color.fg.critical.default,
|
|
168
168
|
* })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContainer.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/TooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EAGhB,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuBD,eAAO,MAAM,uBAAuB;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TooltipContainer.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/TooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EAGhB,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuBD,eAAO,MAAM,uBAAuB;;;;;;;;;;;;gBAuElC,CAAC;AAEH,eAAO,MAAM,gBAAgB,2FA4B3B,CAAC"}
|
|
@@ -20,10 +20,10 @@ exports.tooltipContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
20
20
|
tooltipTransformOriginHorizontal: '',
|
|
21
21
|
tooltipTransformOriginVertical: '',
|
|
22
22
|
},
|
|
23
|
-
base: { name: "
|
|
23
|
+
base: { name: "4f6kew", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));display:inline-flex;position:relative;padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));color:var(--cnvs-sys-color-fg-inverse);animation-name:animation-14y0w9;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--tooltipTransformOriginVertical-tooltip-container-0d74d6) var(--tooltipTransformOriginHorizontal-tooltip-container-0d74d6);a{color:var(--cnvs-sys-color-fg-inverse);text-decoration:underline;}&:before{content:\"\";border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));outline:0.0625rem solid transparent;outline-offset:-0.0625rem;z-index:-1;margin:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0.0969 0 0 / 0.84)));position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:var(--cnvs-sys-depth-2);}[data-popper-reference-hidden] &{visibility:hidden;pointer-events:none;}[data-popper-placement=\"top-start\"] &, [data-popper-placement=\"bottom-start\"] &{left:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"top-end\"] &, [data-popper-placement=\"bottom-end\"] &{right:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"left-start\"] &, [data-popper-placement=\"right-start\"] &{top:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"left-end\"] &, [data-popper-placement=\"right-end\"] &{bottom:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}" },
|
|
24
24
|
modifiers: {
|
|
25
25
|
elementHasFocus: {
|
|
26
|
-
true: { name: "
|
|
26
|
+
true: { name: "4dehso", styles: "padding:calc(var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) - calc(var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem)) / 2));&:before{margin:var(--cnvs-base-size-75, 0.375rem);}" }
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
}, "tooltip-container-0d74d6");
|