lightning-base-components 1.28.7-alpha → 1.28.8-alpha
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/package.json +17 -8
- package/src/lightning/accordionSection/accordionSection.d.ts +1 -1
- package/src/lightning/accordionSection/accordionSection.d.ts.map +1 -1
- package/src/lightning/accordionSection/button.slds.css +28 -28
- package/src/lightning/avatar/avatar.d.ts +0 -1
- package/src/lightning/avatar/avatar.d.ts.map +1 -1
- package/src/lightning/baseCombobox/baseCombobox.d.ts.map +1 -1
- package/src/lightning/baseCombobox/baseCombobox.js +5 -0
- package/src/lightning/baseCombobox/baseComboboxEvents.d.ts.map +1 -1
- package/src/lightning/baseCombobox/baseComboboxEvents.js +6 -0
- package/src/lightning/baseCombobox/input-text.slds.css +44 -50
- package/src/lightning/button/button.slds.css +28 -28
- package/src/lightning/buttonIcon/button-icon.slds.css +28 -28
- package/src/lightning/buttonIconStateful/button-icon.slds.css +28 -28
- package/src/lightning/buttonIconStateful/button.slds.css +28 -28
- package/src/lightning/buttonMenu/button-icon.slds.css +28 -28
- package/src/lightning/buttonMenu/button.slds.css +28 -28
- package/src/lightning/buttonStateful/button.slds.css +28 -28
- package/src/lightning/carousel/button.slds.css +28 -28
- package/src/lightning/checkboxGroup/checkboxGroup.d.ts +1 -0
- package/src/lightning/checkboxGroup/checkboxGroup.d.ts.map +1 -1
- package/src/lightning/checkboxGroup/checkboxGroup.html +23 -2
- package/src/lightning/checkboxGroup/checkboxGroup.js +5 -1
- package/src/lightning/colorPickerCustom/input-text.slds.css +44 -50
- package/src/lightning/datatable/button-icon.slds.css +28 -28
- package/src/lightning/datatable/datatable.d.ts.map +1 -1
- package/src/lightning/datatable/datatable.js +3 -0
- package/src/lightning/datatable/icon.slds.css +11 -11
- package/src/lightning/datatable/input-checkbox.slds.css +20 -20
- package/src/lightning/datepicker/datepicker.d.ts +0 -1
- package/src/lightning/datepicker/datepicker.d.ts.map +1 -1
- package/src/lightning/datepicker/input-text.slds.css +44 -50
- package/src/lightning/datetimepicker/datetimepicker.d.ts.map +1 -1
- package/src/lightning/datetimepicker/datetimepicker.js +9 -0
- package/src/lightning/datetimepicker/input-text.slds.css +44 -50
- package/src/lightning/features/gates/imports.d.ts +1 -37
- package/src/lightning/features/gates/imports.js +4 -2
- package/src/lightning/formattedRichText/formattedRichText.d.ts +2 -0
- package/src/lightning/formattedRichText/formattedRichText.d.ts.map +1 -1
- package/src/lightning/formattedRichText/formattedRichText.html +13 -4
- package/src/lightning/formattedRichText/formattedRichText.js +15 -0
- package/src/lightning/groupedCombobox/groupedCombobox.d.ts +0 -1
- package/src/lightning/groupedCombobox/groupedCombobox.d.ts.map +1 -1
- package/src/lightning/groupedCombobox/input-text.slds.css +44 -50
- package/src/lightning/helptext/button-icon.slds.css +28 -28
- package/src/lightning/icon/icon.slds.css +11 -11
- package/src/lightning/input/input.d.ts.map +1 -1
- package/src/lightning/input/input.js +3 -0
- package/src/lightning/inputAddress/input-text.slds.css +44 -50
- package/src/lightning/inputLocation/input-text.slds.css +44 -50
- package/src/lightning/inputName/input-text.slds.css +44 -50
- package/src/lightning/inputName/inputName.d.ts.map +1 -1
- package/src/lightning/inputName/inputName.js +4 -0
- package/src/lightning/interactiveDialogBase/button.slds.css +28 -28
- package/src/lightning/layout/styleUtils.d.ts +0 -1
- package/src/lightning/layout/styleUtils.d.ts.map +1 -1
- package/src/lightning/layoutItem/styleUtils.d.ts +0 -1
- package/src/lightning/layoutItem/styleUtils.d.ts.map +1 -1
- package/src/lightning/modalBase/modalBase.d.ts +0 -1
- package/src/lightning/modalBase/modalBase.d.ts.map +1 -1
- package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts +1 -4
- package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts.map +1 -1
- package/src/lightning/pillContainer/button.slds.css +28 -28
- package/src/lightning/positionLibrary/__examples__/playground/playground.d.ts +0 -1
- package/src/lightning/positionLibrary/__examples__/playground/playground.d.ts.map +1 -1
- package/src/lightning/positionLibrary/elementProxy.d.ts +2 -1
- package/src/lightning/positionLibrary/elementProxy.d.ts.map +1 -1
- package/src/lightning/positionLibrary/elementProxy.js +32 -3
- package/src/lightning/primitiveCellCheckbox/input-checkbox.slds.css +20 -20
- package/src/lightning/primitiveCellFactory/button-icon.slds.css +28 -28
- package/src/lightning/primitiveCoordinateItem/button.slds.css +28 -28
- package/src/lightning/primitiveDatatableStatusBar/button.slds.css +28 -28
- package/src/lightning/primitiveDatatableTooltip/button-icon.slds.css +28 -28
- package/src/lightning/primitiveDatatableTooltip/button.slds.css +28 -28
- package/src/lightning/primitiveFigure/primitiveFigure.css +64 -0
- package/src/lightning/primitiveFigure/primitiveFigure.d.ts +33 -0
- package/src/lightning/primitiveFigure/primitiveFigure.d.ts.map +1 -0
- package/src/lightning/primitiveFigure/primitiveFigure.html +5 -0
- package/src/lightning/primitiveFigure/primitiveFigure.js +155 -0
- package/src/lightning/primitiveFigure/primitiveFigure.js-meta.xml +4 -0
- package/src/lightning/primitiveHeaderFactory/input-checkbox.slds.css +20 -20
- package/src/lightning/primitiveIcon/icon.slds.css +11 -11
- package/src/lightning/primitiveInputCheckbox/input-checkbox.slds.css +20 -20
- package/src/lightning/primitiveInputCheckbox/primitiveInputCheckbox.d.ts.map +1 -1
- package/src/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js +1 -11
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.d.ts.map +1 -1
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js +12 -0
- package/src/lightning/primitiveInputColor/input-text.slds.css +44 -50
- package/src/lightning/primitiveInputColor/primitiveInputColor.d.ts +0 -1
- package/src/lightning/primitiveInputColor/primitiveInputColor.d.ts.map +1 -1
- package/src/lightning/primitiveInputColor/primitiveInputColor.js +12 -0
- package/src/lightning/primitiveInputFile/button.slds.css +28 -28
- package/src/lightning/primitiveInputSimple/input-text.slds.css +44 -50
- package/src/lightning/primitiveInputSimple/primitiveInputSimple.d.ts.map +1 -1
- package/src/lightning/primitiveInputSimple/primitiveInputSimple.js +8 -0
- package/src/lightning/primitiveInputToggle/primitiveInputToggle.d.ts.map +1 -1
- package/src/lightning/primitiveInputToggle/primitiveInputToggle.js +12 -0
- package/src/lightning/primitiveTreegridCellToggle/button-icon.slds.css +28 -28
- package/src/lightning/progressIndicator/progressIndicator.d.ts +0 -1
- package/src/lightning/progressIndicator/progressIndicator.d.ts.map +1 -1
- package/src/lightning/progressStep/progressStep.d.ts +0 -1
- package/src/lightning/progressStep/progressStep.d.ts.map +1 -1
- package/src/lightning/prompt/input-text.slds.css +44 -50
- package/src/lightning/toast/button-icon.slds.css +28 -28
- package/src/lightning/toast/icon.slds.css +11 -11
- package/src/lightning/toast/toast.d.ts +0 -1
- package/src/lightning/toast/toast.d.ts.map +1 -1
- package/src/lightning/toastContainer/toastContainer.d.ts +0 -1
- package/src/lightning/toastContainer/toastContainer.d.ts.map +1 -1
- package/src/lightning/tree/treeData.d.ts.map +1 -1
- package/src/lightning/tree/treeData.js +18 -0
- package/src/lightning/utilsPrivate/normalize.d.ts +1 -1
- package/src/lightning/utilsPrivate/normalize.d.ts.map +1 -1
- package/src/lightning/verticalNavigationOverflow/button.slds.css +28 -28
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputName.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/inputName/inputName.ts"],"names":[],"mappings":"AAWA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAQxE,OAAO,EAEH,gBAAgB,EAChB,kBAAkB,EAGrB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"inputName.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/inputName/inputName.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ import { assert, normalizeBoolean, classListMutation, reflectAttribute, } from '
|
|
|
20
20
|
import { isEmptyString, InteractingState, FieldConstraintApi, normalizeVariant, VARIANT, } from 'lightning/inputUtils';
|
|
21
21
|
import { getFieldsOrder } from './nameFormatter';
|
|
22
22
|
import { privateContext } from 'lightning/utilsInternal';
|
|
23
|
+
import { features } from 'lightning/features';
|
|
23
24
|
const { setContext, assertContext } = privateContext;
|
|
24
25
|
const FIELD_TYPE = {
|
|
25
26
|
INPUT: 'input',
|
|
@@ -329,6 +330,9 @@ export default class LightningInputName extends LightningShadowBaseClass {
|
|
|
329
330
|
return fields;
|
|
330
331
|
}
|
|
331
332
|
getFieldValue(fieldName) {
|
|
333
|
+
if (features.enableAssertContext260) {
|
|
334
|
+
assertContext(this);
|
|
335
|
+
}
|
|
332
336
|
return this[fieldName];
|
|
333
337
|
}
|
|
334
338
|
getFieldElement(fieldName) {
|
|
@@ -16,11 +16,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
16
16
|
*/
|
|
17
17
|
:host([data-render-mode="shadow"]) [part~='button'] {
|
|
18
18
|
display: inline-flex;
|
|
19
|
-
gap: var(--sds-c-button-spacing-gap, var(--
|
|
20
|
-
background: var(--sds-c-button-color-background, var(--
|
|
21
|
-
color: var(--sds-c-button-text-color, var(--
|
|
22
|
-
font-weight: var(--sds-c-button-font-weight, var(--
|
|
23
|
-
font-size: var(--sds-c-button-font-size, var(--
|
|
19
|
+
gap: var(--sds-c-button-spacing-gap, var(--slds-s-button-spacing-gap));
|
|
20
|
+
background: var(--sds-c-button-color-background, var(--slds-s-button-color-background));
|
|
21
|
+
color: var(--sds-c-button-text-color, var(--slds-s-button-color));
|
|
22
|
+
font-weight: var(--sds-c-button-font-weight, var(--slds-s-button-font-weight));
|
|
23
|
+
font-size: var(--sds-c-button-font-size, var(--slds-s-button-font-size, inherit));
|
|
24
24
|
line-height: var(--sds-c-button-font-lineheight);
|
|
25
25
|
height: var(--sds-c-button-sizing-height);
|
|
26
26
|
width: var(--sds-c-button-sizing-width);
|
|
@@ -28,62 +28,62 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
28
28
|
--sds-c-button-spacing-inlinestart,
|
|
29
29
|
var(
|
|
30
30
|
--sds-c-button-spacing-inline,
|
|
31
|
-
var(--sds-c-button-spacing, var(--
|
|
31
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
|
|
32
32
|
)
|
|
33
33
|
);
|
|
34
34
|
padding-inline-end: var(
|
|
35
35
|
--sds-c-button-spacing-inlineend,
|
|
36
36
|
var(
|
|
37
37
|
--sds-c-button-spacing-inline,
|
|
38
|
-
var(--sds-c-button-spacing, var(--
|
|
38
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
|
|
39
39
|
)
|
|
40
40
|
);
|
|
41
41
|
padding-block-start: var(
|
|
42
42
|
--sds-c-button-spacing-blockstart,
|
|
43
43
|
var(
|
|
44
44
|
--sds-c-button-spacing-block,
|
|
45
|
-
var(--sds-c-button-spacing, var(--
|
|
45
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
|
|
46
46
|
)
|
|
47
47
|
);
|
|
48
48
|
padding-block-end: var(
|
|
49
49
|
--sds-c-button-spacing-blockend,
|
|
50
50
|
var(
|
|
51
51
|
--sds-c-button-spacing-block,
|
|
52
|
-
var(--sds-c-button-spacing, var(--
|
|
52
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
|
|
53
53
|
)
|
|
54
54
|
);
|
|
55
|
-
border-width: var(--sds-c-button-sizing-border, var(--
|
|
55
|
+
border-width: var(--sds-c-button-sizing-border, var(--slds-s-button-sizing-border, 1px));
|
|
56
56
|
border-style: solid;
|
|
57
|
-
border-color: var(--sds-c-button-color-border, var(--
|
|
57
|
+
border-color: var(--sds-c-button-color-border, var(--slds-s-button-color-border, currentColor));
|
|
58
58
|
border-start-start-radius: var(
|
|
59
59
|
--sds-c-button-radius-border-startstart,
|
|
60
60
|
var(
|
|
61
61
|
--sds-c-button-radius-border,
|
|
62
|
-
var(--
|
|
62
|
+
var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))
|
|
63
63
|
)
|
|
64
64
|
);
|
|
65
65
|
border-start-end-radius: var(
|
|
66
66
|
--sds-c-button-radius-border-startend,
|
|
67
67
|
var(
|
|
68
68
|
--sds-c-button-radius-border,
|
|
69
|
-
var(--
|
|
69
|
+
var(--slds-s-button-radius-border-startend, var(--slds-s-button-radius-border))
|
|
70
70
|
)
|
|
71
71
|
);
|
|
72
72
|
border-end-start-radius: var(
|
|
73
73
|
--sds-c-button-radius-border-endstart,
|
|
74
74
|
var(
|
|
75
75
|
--sds-c-button-radius-border,
|
|
76
|
-
var(--
|
|
76
|
+
var(--slds-s-button-radius-border-endstart, var(--slds-s-button-radius-border))
|
|
77
77
|
)
|
|
78
78
|
);
|
|
79
79
|
border-end-end-radius: var(
|
|
80
80
|
--sds-c-button-radius-border-endend,
|
|
81
81
|
var(
|
|
82
82
|
--sds-c-button-radius-border,
|
|
83
|
-
var(--
|
|
83
|
+
var(--slds-s-button-radius-border-endend, var(--slds-s-button-radius-border))
|
|
84
84
|
)
|
|
85
85
|
);
|
|
86
|
-
box-shadow: var(--sds-c-button-shadow, var(--
|
|
86
|
+
box-shadow: var(--sds-c-button-shadow, var(--slds-s-button-shadow));
|
|
87
87
|
text-decoration: var(--sds-c-button-font-decoration);
|
|
88
88
|
white-space: normal;
|
|
89
89
|
user-select: none;
|
|
@@ -97,16 +97,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
97
97
|
* Fallback order: Hover > Base
|
|
98
98
|
*/
|
|
99
99
|
:host([data-render-mode="shadow"]) [part~='button']:hover {
|
|
100
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--
|
|
100
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--slds-s-button-color-hover, revert));
|
|
101
101
|
--sds-c-button-color-background: var(
|
|
102
102
|
--sds-c-button-color-background-hover,
|
|
103
|
-
var(--
|
|
103
|
+
var(--slds-s-button-color-background-hover, revert)
|
|
104
104
|
);
|
|
105
105
|
--sds-c-button-color-border: var(
|
|
106
106
|
--sds-c-button-color-border-hover,
|
|
107
|
-
var(--
|
|
107
|
+
var(--slds-s-button-color-border-hover, revert)
|
|
108
108
|
);
|
|
109
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--
|
|
109
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--slds-s-button-shadow-hover, revert));
|
|
110
110
|
|
|
111
111
|
cursor: pointer;
|
|
112
112
|
}
|
|
@@ -118,14 +118,14 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
118
118
|
:host([data-render-mode="shadow"]) [part~='button']:focus {
|
|
119
119
|
--sds-c-button-color-background: var(
|
|
120
120
|
--sds-c-button-color-background-focus,
|
|
121
|
-
var(--
|
|
121
|
+
var(--slds-s-button-color-background-focus, revert)
|
|
122
122
|
);
|
|
123
123
|
--sds-c-button-color-border: var(
|
|
124
124
|
--sds-c-button-color-border-focus,
|
|
125
|
-
var(--
|
|
125
|
+
var(--slds-s-button-color-border-focus, revert)
|
|
126
126
|
);
|
|
127
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--
|
|
128
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--
|
|
127
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--slds-s-button-color-focus, revert));
|
|
128
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--slds-s-button-shadow-focus, revert));
|
|
129
129
|
|
|
130
130
|
outline: 0;
|
|
131
131
|
}
|
|
@@ -137,16 +137,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
137
137
|
* @TODO: keep this order (no hover) so active has feedback or go all out?
|
|
138
138
|
*/
|
|
139
139
|
:host([data-render-mode="shadow"]) [part~='button']:active {
|
|
140
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--
|
|
140
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--slds-s-button-color-active, revert));
|
|
141
141
|
--sds-c-button-color-background: var(
|
|
142
142
|
--sds-c-button-color-background-active,
|
|
143
|
-
var(--
|
|
143
|
+
var(--slds-s-button-color-background-active, revert)
|
|
144
144
|
);
|
|
145
145
|
--sds-c-button-color-border: var(
|
|
146
146
|
--sds-c-button-color-border-active,
|
|
147
|
-
var(--
|
|
147
|
+
var(--slds-s-button-color-border-active, revert)
|
|
148
148
|
);
|
|
149
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--
|
|
149
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--slds-s-button-shadow-active, revert));
|
|
150
150
|
}
|
|
151
151
|
/**
|
|
152
152
|
* Disabled button styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/layout/styleUtils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/layout/styleUtils.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AA2B3C,eAAO,MAAM,cAAc,UAA2B,CAAC;AACvD,eAAO,MAAM,QAAQ,UAA8B,CAAC;AACpD,eAAO,MAAM,gBAAgB,UAA2B,CAAC;AAKzD,wBAAgB,cAAc,CAC1B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,CAAC,EAAE,MAAM,GAClB,MAAM,CAMR;AAED,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,GACnB,UAAU,CAAC,OAAO,QAAQ,CAAC,CAoB7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/layoutItem/styleUtils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/layoutItem/styleUtils.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAK3C,UAAU,UAAU;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAqED,UAAU,UAAU;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,UAazB,CAAC;AAmBF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAM3E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMtD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CASvE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAMjE;AAyDD,wBAAgB,kBAAkB,CAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,MAAM,EAAE,EACrB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACb,UAAU,CAAC,OAAO,QAAQ,CAAC,CAM7B;AAED,wBAAgB,YAAY,CACxB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,eAAe,EAAE,MAAM,GAAG,IAAI,EAC9B,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAC/B,eAAe,EAAE,MAAM,GAAG,IAAI,GAC/B,OAAO,CA+BT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export default class MultiColumnSortingModal extends LightningModal<any> {
|
|
3
|
-
constructor();
|
|
1
|
+
export default class MultiColumnSortingModal extends LightningModal {
|
|
4
2
|
dynamicCmp: any;
|
|
5
3
|
dynamicCmpEvents: any;
|
|
6
4
|
dynamicCmpAttributes: any;
|
|
@@ -32,7 +30,6 @@ export default class MultiColumnSortingModal extends LightningModal<any> {
|
|
|
32
30
|
columnMovedUp: string;
|
|
33
31
|
columnMovedDown: string;
|
|
34
32
|
};
|
|
35
|
-
connectedCallback(): void;
|
|
36
33
|
renderedCallback(): void;
|
|
37
34
|
validationThroughApplyButton: boolean;
|
|
38
35
|
get columnSorters(): Element[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":"AA+CA;IACI,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAG1B,gBAAgB;IAChB,aAAe;IACf;;;QAA4B;IAG5B,qBAAmB;IACnB,gBAAW;IACX,yBAAwB;IACxB,sBAAmB;IAEnB,wBAA+B;IAE/B;;;;;;;;;;;;;;;;MAEC;IA6BD,yBAiDC;IALO,sCAAyC;IAQjD,+BAIC;IAGD,4BAEC;IAGD,qBAOC;IAED;;;;;;;QAYC;IAMD,4BAWC;IAKD,4BAKC;IAKD,gDAIC;IAKD,uCAQC;IAKD,qCAwBC;IAKD,qCAEC;IAKD,sBAGC;IAKD,mCAiBC;IAKD,wCAiBC;IAKD,qCA6BC;IAMD,mBA8BC;IAED,8DAiBC;IAED,uDAWC;IAKD,mBAGC;IAKD,oBAEC;IAMD,wBAoBC;IAQD,sCAmBC;IAQD,4CAOC;CACJ;2BAxf0B,iBAAiB"}
|
|
@@ -16,11 +16,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
16
16
|
*/
|
|
17
17
|
:host([data-render-mode="shadow"]) [part~='button'] {
|
|
18
18
|
display: inline-flex;
|
|
19
|
-
gap: var(--sds-c-button-spacing-gap, var(--
|
|
20
|
-
background: var(--sds-c-button-color-background, var(--
|
|
21
|
-
color: var(--sds-c-button-text-color, var(--
|
|
22
|
-
font-weight: var(--sds-c-button-font-weight, var(--
|
|
23
|
-
font-size: var(--sds-c-button-font-size, var(--
|
|
19
|
+
gap: var(--sds-c-button-spacing-gap, var(--slds-s-button-spacing-gap));
|
|
20
|
+
background: var(--sds-c-button-color-background, var(--slds-s-button-color-background));
|
|
21
|
+
color: var(--sds-c-button-text-color, var(--slds-s-button-color));
|
|
22
|
+
font-weight: var(--sds-c-button-font-weight, var(--slds-s-button-font-weight));
|
|
23
|
+
font-size: var(--sds-c-button-font-size, var(--slds-s-button-font-size, inherit));
|
|
24
24
|
line-height: var(--sds-c-button-font-lineheight);
|
|
25
25
|
height: var(--sds-c-button-sizing-height);
|
|
26
26
|
width: var(--sds-c-button-sizing-width);
|
|
@@ -28,62 +28,62 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
28
28
|
--sds-c-button-spacing-inlinestart,
|
|
29
29
|
var(
|
|
30
30
|
--sds-c-button-spacing-inline,
|
|
31
|
-
var(--sds-c-button-spacing, var(--
|
|
31
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
|
|
32
32
|
)
|
|
33
33
|
);
|
|
34
34
|
padding-inline-end: var(
|
|
35
35
|
--sds-c-button-spacing-inlineend,
|
|
36
36
|
var(
|
|
37
37
|
--sds-c-button-spacing-inline,
|
|
38
|
-
var(--sds-c-button-spacing, var(--
|
|
38
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
|
|
39
39
|
)
|
|
40
40
|
);
|
|
41
41
|
padding-block-start: var(
|
|
42
42
|
--sds-c-button-spacing-blockstart,
|
|
43
43
|
var(
|
|
44
44
|
--sds-c-button-spacing-block,
|
|
45
|
-
var(--sds-c-button-spacing, var(--
|
|
45
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
|
|
46
46
|
)
|
|
47
47
|
);
|
|
48
48
|
padding-block-end: var(
|
|
49
49
|
--sds-c-button-spacing-blockend,
|
|
50
50
|
var(
|
|
51
51
|
--sds-c-button-spacing-block,
|
|
52
|
-
var(--sds-c-button-spacing, var(--
|
|
52
|
+
var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
|
|
53
53
|
)
|
|
54
54
|
);
|
|
55
|
-
border-width: var(--sds-c-button-sizing-border, var(--
|
|
55
|
+
border-width: var(--sds-c-button-sizing-border, var(--slds-s-button-sizing-border, 1px));
|
|
56
56
|
border-style: solid;
|
|
57
|
-
border-color: var(--sds-c-button-color-border, var(--
|
|
57
|
+
border-color: var(--sds-c-button-color-border, var(--slds-s-button-color-border, currentColor));
|
|
58
58
|
border-start-start-radius: var(
|
|
59
59
|
--sds-c-button-radius-border-startstart,
|
|
60
60
|
var(
|
|
61
61
|
--sds-c-button-radius-border,
|
|
62
|
-
var(--
|
|
62
|
+
var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))
|
|
63
63
|
)
|
|
64
64
|
);
|
|
65
65
|
border-start-end-radius: var(
|
|
66
66
|
--sds-c-button-radius-border-startend,
|
|
67
67
|
var(
|
|
68
68
|
--sds-c-button-radius-border,
|
|
69
|
-
var(--
|
|
69
|
+
var(--slds-s-button-radius-border-startend, var(--slds-s-button-radius-border))
|
|
70
70
|
)
|
|
71
71
|
);
|
|
72
72
|
border-end-start-radius: var(
|
|
73
73
|
--sds-c-button-radius-border-endstart,
|
|
74
74
|
var(
|
|
75
75
|
--sds-c-button-radius-border,
|
|
76
|
-
var(--
|
|
76
|
+
var(--slds-s-button-radius-border-endstart, var(--slds-s-button-radius-border))
|
|
77
77
|
)
|
|
78
78
|
);
|
|
79
79
|
border-end-end-radius: var(
|
|
80
80
|
--sds-c-button-radius-border-endend,
|
|
81
81
|
var(
|
|
82
82
|
--sds-c-button-radius-border,
|
|
83
|
-
var(--
|
|
83
|
+
var(--slds-s-button-radius-border-endend, var(--slds-s-button-radius-border))
|
|
84
84
|
)
|
|
85
85
|
);
|
|
86
|
-
box-shadow: var(--sds-c-button-shadow, var(--
|
|
86
|
+
box-shadow: var(--sds-c-button-shadow, var(--slds-s-button-shadow));
|
|
87
87
|
text-decoration: var(--sds-c-button-font-decoration);
|
|
88
88
|
white-space: normal;
|
|
89
89
|
user-select: none;
|
|
@@ -97,16 +97,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
97
97
|
* Fallback order: Hover > Base
|
|
98
98
|
*/
|
|
99
99
|
:host([data-render-mode="shadow"]) [part~='button']:hover {
|
|
100
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--
|
|
100
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--slds-s-button-color-hover, revert));
|
|
101
101
|
--sds-c-button-color-background: var(
|
|
102
102
|
--sds-c-button-color-background-hover,
|
|
103
|
-
var(--
|
|
103
|
+
var(--slds-s-button-color-background-hover, revert)
|
|
104
104
|
);
|
|
105
105
|
--sds-c-button-color-border: var(
|
|
106
106
|
--sds-c-button-color-border-hover,
|
|
107
|
-
var(--
|
|
107
|
+
var(--slds-s-button-color-border-hover, revert)
|
|
108
108
|
);
|
|
109
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--
|
|
109
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--slds-s-button-shadow-hover, revert));
|
|
110
110
|
|
|
111
111
|
cursor: pointer;
|
|
112
112
|
}
|
|
@@ -118,14 +118,14 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
118
118
|
:host([data-render-mode="shadow"]) [part~='button']:focus {
|
|
119
119
|
--sds-c-button-color-background: var(
|
|
120
120
|
--sds-c-button-color-background-focus,
|
|
121
|
-
var(--
|
|
121
|
+
var(--slds-s-button-color-background-focus, revert)
|
|
122
122
|
);
|
|
123
123
|
--sds-c-button-color-border: var(
|
|
124
124
|
--sds-c-button-color-border-focus,
|
|
125
|
-
var(--
|
|
125
|
+
var(--slds-s-button-color-border-focus, revert)
|
|
126
126
|
);
|
|
127
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--
|
|
128
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--
|
|
127
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--slds-s-button-color-focus, revert));
|
|
128
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--slds-s-button-shadow-focus, revert));
|
|
129
129
|
|
|
130
130
|
outline: 0;
|
|
131
131
|
}
|
|
@@ -137,16 +137,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
|
|
|
137
137
|
* @TODO: keep this order (no hover) so active has feedback or go all out?
|
|
138
138
|
*/
|
|
139
139
|
:host([data-render-mode="shadow"]) [part~='button']:active {
|
|
140
|
-
--sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--
|
|
140
|
+
--sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--slds-s-button-color-active, revert));
|
|
141
141
|
--sds-c-button-color-background: var(
|
|
142
142
|
--sds-c-button-color-background-active,
|
|
143
|
-
var(--
|
|
143
|
+
var(--slds-s-button-color-background-active, revert)
|
|
144
144
|
);
|
|
145
145
|
--sds-c-button-color-border: var(
|
|
146
146
|
--sds-c-button-color-border-active,
|
|
147
|
-
var(--
|
|
147
|
+
var(--slds-s-button-color-border-active, revert)
|
|
148
148
|
);
|
|
149
|
-
--sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--
|
|
149
|
+
--sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--slds-s-button-shadow-active, revert));
|
|
150
150
|
}
|
|
151
151
|
/**
|
|
152
152
|
* Disabled button styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/positionLibrary/__examples__/playground/playground.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/positionLibrary/__examples__/playground/playground.js"],"names":[],"mappings":";AAGA;IACI,0BAA+B;IAC/B,0BAA8B;IAC9B,0BAA8B;IAE9B,uBAAqB;IACrB,wBAAsB;IAEtB,2BAA0B;IAC1B,0BAAyB;IACzB,kCAAiC;IAEjC;;;QAKE;IAEF;;;QAKE;IAEF,0CAEC;IAED,0CAEC;IAED,0CAEC;IAED,iEAOC;IAGD,iEASC;IAED,8DAQC;IAED,oCAIC;IAED,qCAIC;IAED,8BAEC;IAED,6BAEC;IAED,8BAKC;IAED,yCAEC;CACJ;iCAtGgC,KAAK"}
|
|
@@ -17,7 +17,8 @@ export class ElementProxy {
|
|
|
17
17
|
refresh(): boolean | void;
|
|
18
18
|
getNode(): any;
|
|
19
19
|
isDirty(): boolean;
|
|
20
|
-
getElementZoomRatio():
|
|
20
|
+
getElementZoomRatio(style: any): any;
|
|
21
|
+
setAdjustedBoundingRect(varToSet: any, boundingRect: DOMRect, computedStyle: CSSStyleDeclaration, zoomLevel: number): boolean;
|
|
21
22
|
bake(): void;
|
|
22
23
|
originalHeight: any;
|
|
23
24
|
originalWidth: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"AAIA;IACI,8BA2BC;IA1BG,QAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,cAAc;IACd,eAAe;IACf,gBAAmB;IACnB,WAAiB;IACjB,gBAAsB;IAmB1B,sBAuBC;IAfO,eAEC;IAeT,8CAGC;IAED,4BAOC;IAED,0BAgDC;IAED,eAEC;IAED,mBAEC;IAED,qCAmBC;IAaD,qDALW,OAAO,iBACP,mBAAmB,aACnB,MAAM,WAqBhB;IAED,aAsFC;IAfW,oBAA6C;IAG7C,mBAA2C;IAcvD,6CAOC;IAFO,sBAAwB;IAIhC,gBAkBC;IAED,qCAEC;CACJ"}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
* For full license text, see the LICENSE.txt file
|
|
5
5
|
*/
|
|
6
6
|
import { isInDom, WindowManager, pxToFloat } from './util';
|
|
7
|
+
import { isSafari } from 'lightning/utilsPrivate';
|
|
8
|
+
import { features } from 'lightning/features';
|
|
7
9
|
export class ElementProxy {
|
|
8
10
|
constructor(el, id) {
|
|
9
11
|
this.id = id;
|
|
@@ -71,6 +73,7 @@ export class ElementProxy {
|
|
|
71
73
|
for (x in box) {
|
|
72
74
|
this[x] = Math.floor(box[x]);
|
|
73
75
|
}
|
|
76
|
+
this.setAdjustedBoundingRect(this, box);
|
|
74
77
|
this.top = Math.floor(this.top + scrollTop);
|
|
75
78
|
this.bottom = Math.floor(this.top + box.height);
|
|
76
79
|
this.left = Math.floor(this.left + scrollLeft);
|
|
@@ -96,8 +99,14 @@ export class ElementProxy {
|
|
|
96
99
|
isDirty() {
|
|
97
100
|
return this._dirty;
|
|
98
101
|
}
|
|
99
|
-
getElementZoomRatio() {
|
|
102
|
+
getElementZoomRatio(style) {
|
|
100
103
|
const element = this._node;
|
|
104
|
+
if (features.enablePositionLibraryTransformScaleFix) {
|
|
105
|
+
if (!import.meta.env.SSR && 'currentCSSZoom' in Element.prototype) {
|
|
106
|
+
return element.currentCSSZoom;
|
|
107
|
+
}
|
|
108
|
+
return parseFloat(style.zoom) || 1;
|
|
109
|
+
}
|
|
101
110
|
const rect = element.getBoundingClientRect();
|
|
102
111
|
const offsetWidth = element.offsetWidth || Math.round(rect.width) || 1;
|
|
103
112
|
const offsetHeight = element.offsetHeight || Math.round(rect.height) || 1;
|
|
@@ -107,10 +116,31 @@ export class ElementProxy {
|
|
|
107
116
|
const heightRatio = Number((actualHeight / offsetHeight).toFixed(2));
|
|
108
117
|
return Math.min(widthRatio, heightRatio);
|
|
109
118
|
}
|
|
119
|
+
setAdjustedBoundingRect(varToSet, boundingRect, computedStyle, zoomLevel) {
|
|
120
|
+
if (features.enablePositionLibraryTransformScaleFix &&
|
|
121
|
+
!import.meta.env.SSR &&
|
|
122
|
+
isSafari) {
|
|
123
|
+
const style = computedStyle || getComputedStyle(this._node);
|
|
124
|
+
const zoom = zoomLevel || this.getElementZoomRatio(style);
|
|
125
|
+
if (zoom !== 1) {
|
|
126
|
+
const rect = boundingRect || this._node.getBoundingClientRect();
|
|
127
|
+
for (const x in rect) {
|
|
128
|
+
varToSet[x] = rect[x] * zoom;
|
|
129
|
+
}
|
|
130
|
+
return true;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return false;
|
|
134
|
+
}
|
|
110
135
|
bake() {
|
|
111
136
|
const w = WindowManager.window;
|
|
112
|
-
|
|
137
|
+
let absPos = {};
|
|
113
138
|
const style = w.getComputedStyle(this._node) || this._node.style;
|
|
139
|
+
const zoomLevel = this.getElementZoomRatio(style);
|
|
140
|
+
const setAbsPos = this.setAdjustedBoundingRect(absPos, null, style, zoomLevel);
|
|
141
|
+
if (!setAbsPos) {
|
|
142
|
+
absPos = this._node.getBoundingClientRect();
|
|
143
|
+
}
|
|
114
144
|
const hasPageOffset = typeof w.pageYOffset !== 'undefined';
|
|
115
145
|
const scrollTop = hasPageOffset ? w.pageYOffset : w.scrollY;
|
|
116
146
|
const scrollLeft = hasPageOffset ? w.pageXOffset : w.scrollX;
|
|
@@ -120,7 +150,6 @@ export class ElementProxy {
|
|
|
120
150
|
const originalTop = style.top.match(/auto|fixed/)
|
|
121
151
|
? '0'
|
|
122
152
|
: pxToFloat(style.top);
|
|
123
|
-
const zoomLevel = this.getElementZoomRatio();
|
|
124
153
|
const adjustForZoom = (value) => value / zoomLevel;
|
|
125
154
|
const marginTop = adjustForZoom(pxToFloat(style.marginTop));
|
|
126
155
|
const adjustedAbsPosTop = adjustForZoom(Math.round(absPos.top)) +
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
:host([data-render-mode="shadow"]) [part~='input-checkbox'] {
|
|
13
13
|
display: inline-flex;
|
|
14
14
|
align-items: center;
|
|
15
|
-
gap: var(--sds-c-inputcheckbox-spacing-gap, var(--
|
|
15
|
+
gap: var(--sds-c-inputcheckbox-spacing-gap, var(--slds-s-input-spacing-gap));
|
|
16
16
|
}
|
|
17
17
|
/**
|
|
18
18
|
* The visual container of the checkbox indicator
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
position: relative;
|
|
25
|
-
background-color: var(--sds-c-inputcheckbox-color-background, var(--
|
|
25
|
+
background-color: var(--sds-c-inputcheckbox-color-background, var(--slds-s-input-color-background));
|
|
26
26
|
box-shadow: var(--sds-c-inputcheckbox-shadow);
|
|
27
27
|
width: var(--sds-c-inputcheckbox-sizing, 1rem);
|
|
28
28
|
height: var(--sds-c-inputcheckbox-sizing, 1rem);
|
|
29
|
-
border: var(--sds-c-inputcheckbox-sizing-border, var(--
|
|
30
|
-
var(--sds-c-inputcheckbox-color-border, var(--
|
|
29
|
+
border: var(--sds-c-inputcheckbox-sizing-border, var(--slds-s-input-sizing-border, 1px)) solid
|
|
30
|
+
var(--sds-c-inputcheckbox-color-border, var(--slds-s-input-color-border, currentColor));
|
|
31
31
|
border-radius: var(--sds-c-inputcheckbox-radius-border);
|
|
32
32
|
}
|
|
33
33
|
/**
|
|
@@ -37,15 +37,15 @@
|
|
|
37
37
|
[part='checkbox']:has(:checked):has(:focus) {
|
|
38
38
|
--sds-c-inputcheckbox-shadow: var(
|
|
39
39
|
--sds-c-inputcheckbox-shadow-focus,
|
|
40
|
-
var(--
|
|
40
|
+
var(--slds-s-input-shadow-focus, revert)
|
|
41
41
|
);
|
|
42
42
|
--sds-c-inputcheckbox-color-background: var(
|
|
43
43
|
--sds-c-inputcheckbox-color-background-focus,
|
|
44
|
-
var(--
|
|
44
|
+
var(--slds-s-input-color-background-focus, revert)
|
|
45
45
|
);
|
|
46
46
|
--sds-c-inputcheckbox-color-border: var(
|
|
47
47
|
--sds-c-inputcheckbox-color-border-focus,
|
|
48
|
-
var(--
|
|
48
|
+
var(--slds-s-input-color-border-focus, revert)
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
/**
|
|
@@ -70,10 +70,10 @@
|
|
|
70
70
|
:host([data-render-mode="shadow"]) [part='mark'] {
|
|
71
71
|
display: inline-flex;
|
|
72
72
|
opacity: 0;
|
|
73
|
-
color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--
|
|
74
|
-
background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--
|
|
75
|
-
width: var(--sds-c-inputcheckbox-mark-sizing, var(--
|
|
76
|
-
height: var(--sds-c-inputcheckbox-mark-sizing, var(--
|
|
73
|
+
color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--slds-s-mark-color-foreground));
|
|
74
|
+
background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--slds-s-mark-color-background));
|
|
75
|
+
width: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
|
|
76
|
+
height: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
|
|
77
77
|
}
|
|
78
78
|
/**
|
|
79
79
|
* When the label or checkbox is clicked, a checked state is applied to the host element
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
|
|
84
84
|
--sds-c-inputcheckbox-mark-color-background: var(
|
|
85
85
|
--sds-c-inputcheckbox-mark-color-background-checked,
|
|
86
|
-
var(--
|
|
86
|
+
var(--slds-s-mark-color-background-checked, revert)
|
|
87
87
|
);
|
|
88
88
|
}
|
|
89
89
|
/**
|
|
@@ -103,8 +103,8 @@
|
|
|
103
103
|
* The label of the checkbox
|
|
104
104
|
*/
|
|
105
105
|
:host([data-render-mode="shadow"]) [part~='label'] {
|
|
106
|
-
color: var(--sds-c-inputcheckbox-label-color, var(--
|
|
107
|
-
font-size: var(--sds-c-inputcheckbox-label-font-size, var(--
|
|
106
|
+
color: var(--sds-c-inputcheckbox-label-color, var(--slds-s-label-color));
|
|
107
|
+
font-size: var(--sds-c-inputcheckbox-label-font-size, var(--slds-s-label-font-size));
|
|
108
108
|
}
|
|
109
109
|
/**
|
|
110
110
|
* If told, the label will be hidden from view
|
|
@@ -128,23 +128,23 @@
|
|
|
128
128
|
* This prevents box-model customizations from being applied, in the case of no children
|
|
129
129
|
*/
|
|
130
130
|
:host([data-render-mode="shadow"]) [part='help-text visible'] {
|
|
131
|
-
font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--
|
|
132
|
-
color: var(--sds-c-inputcheckbox-helptext-text-color, var(--
|
|
131
|
+
font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--slds-s-helptext-font-size));
|
|
132
|
+
color: var(--sds-c-inputcheckbox-helptext-text-color, var(--slds-s-helptext-color));
|
|
133
133
|
padding-inline-start: var(
|
|
134
134
|
--sds-c-inputcheckbox-helptext-spacing-inlinestart,
|
|
135
|
-
var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--
|
|
135
|
+
var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
|
|
136
136
|
);
|
|
137
137
|
padding-inline-end: var(
|
|
138
138
|
--sds-c-inputcheckbox-helptext-spacing-inlineend,
|
|
139
|
-
var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--
|
|
139
|
+
var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
|
|
140
140
|
);
|
|
141
141
|
padding-block-start: var(
|
|
142
142
|
--sds-c-inputcheckbox-helptext-spacing-blockstart,
|
|
143
|
-
var(--sds-c-inputcheckbox-helptext-spacing-block, var(--
|
|
143
|
+
var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
|
|
144
144
|
);
|
|
145
145
|
padding-block-end: var(
|
|
146
146
|
--sds-c-inputcheckbox-helptext-spacing-blockend,
|
|
147
|
-
var(--sds-c-inputcheckbox-helptext-spacing-block, var(--
|
|
147
|
+
var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
|
|
148
148
|
);
|
|
149
149
|
}
|
|
150
150
|
/**
|