@cds/core 6.9.0 → 6.9.1
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/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/global.css +12 -12
- package/global.min.css +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +12 -12
- package/styles/module.tokens.min.css +1 -1
- package/tokens/tokens.android.xml +12 -12
- package/tokens/tokens.ios.swift +12 -12
- package/tokens/tokens.json +12 -12
- package/tokens/tokens.scss +8 -8
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var r=a`:host{--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.00714286em);--padding:var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20)))}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20))) var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));width:calc(3*var(--cds-global-space-12,calc(48 * 1rem / var(--cds-global-base,20))));display:flex;align-items:center}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)));padding-bottom:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}::slotted(cds-pagination){--color:var(--icon-color)}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=alert-group.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0;--min-height:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.
|
|
1
|
+
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0;--min-height:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.00714286em);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}.alert-close-wrapper{padding:var(--container-padding);padding-bottom:0}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:flex;min-height:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20)));padding:var(--container-padding);min-width:0}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:inline-flex;align-items:center;transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.4285714em)}.alert-content{min-width:0}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.4285714em);display:none}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20))));white-space:nowrap;display:block}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20)))}:host([_type=default]) .alert-content-wrapper{align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, calc(11 * 1rem / var(--cds-global-base, 20)));--letter-spacing:normal}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-construction-900, #21333b)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));margin-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)));margin-top:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}@supports (-moz-appearance:none) and (text-emphasis:none){:host(:not([_type=banner]):not([size=sm])) .alert-content{transform:translateY(calc(-1*var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))))}}`;export{l as default};
|
|
2
2
|
//# sourceMappingURL=alert.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-1, calc(11 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--padding:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-1, calc(11 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--padding:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.00714286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:flex;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=badge.element.scss.js.map
|
package/global.css
CHANGED
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
--cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
|
|
311
311
|
--cds-global-typography-link-on-colorbg: var(--cds-global-color-black);
|
|
312
312
|
--cds-global-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
|
|
313
|
-
--cds-global-typography-body-line-height: 1.
|
|
314
|
-
--cds-global-typography-body-letter-spacing: -0.
|
|
313
|
+
--cds-global-typography-body-line-height: 1.4285714em;
|
|
314
|
+
--cds-global-typography-body-letter-spacing: -0.00714286em;
|
|
315
315
|
--cds-global-typography-body-font-weight: 400;
|
|
316
316
|
--cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
317
317
|
--cds-global-typography-display-line-height: 1.1em;
|
|
@@ -326,19 +326,19 @@
|
|
|
326
326
|
--cds-global-typography-headline-letter-spacing: -0.0125em;
|
|
327
327
|
--cds-global-typography-headline-font-weight: 500;
|
|
328
328
|
--cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
329
|
-
--cds-global-typography-title-line-height: 1.
|
|
330
|
-
--cds-global-typography-title-letter-spacing: -0.
|
|
329
|
+
--cds-global-typography-title-line-height: 1.333333em;
|
|
330
|
+
--cds-global-typography-title-letter-spacing: -0.00833333em;
|
|
331
331
|
--cds-global-typography-title-font-weight: 500;
|
|
332
332
|
--cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
333
333
|
--cds-global-typography-section-line-height: 1.2em;
|
|
334
334
|
--cds-global-typography-section-letter-spacing: -0.01em;
|
|
335
335
|
--cds-global-typography-section-font-weight: 500;
|
|
336
336
|
--cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
337
|
-
--cds-global-typography-subsection-line-height: 1.
|
|
337
|
+
--cds-global-typography-subsection-line-height: 1.5em;
|
|
338
338
|
--cds-global-typography-subsection-letter-spacing: -0.0125em;
|
|
339
339
|
--cds-global-typography-subsection-font-weight: 500;
|
|
340
340
|
--cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
341
|
-
--cds-global-typography-message-line-height: 1.
|
|
341
|
+
--cds-global-typography-message-line-height: 1.5em;
|
|
342
342
|
--cds-global-typography-message-letter-spacing: -0.0125em;
|
|
343
343
|
--cds-global-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
|
|
344
344
|
--cds-global-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
|
|
@@ -517,8 +517,8 @@
|
|
|
517
517
|
--cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
|
|
518
518
|
--cds-alias-typography-link-on-colorbg: var(--cds-global-color-black);
|
|
519
519
|
--cds-alias-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
|
|
520
|
-
--cds-alias-typography-body-line-height: 1.
|
|
521
|
-
--cds-alias-typography-body-letter-spacing: -0.
|
|
520
|
+
--cds-alias-typography-body-line-height: 1.4285714em;
|
|
521
|
+
--cds-alias-typography-body-letter-spacing: -0.00714286em;
|
|
522
522
|
--cds-alias-typography-body-font-weight: 400;
|
|
523
523
|
--cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
524
524
|
--cds-alias-typography-display-line-height: 1.1em;
|
|
@@ -533,19 +533,19 @@
|
|
|
533
533
|
--cds-alias-typography-headline-letter-spacing: -0.0125em;
|
|
534
534
|
--cds-alias-typography-headline-font-weight: 500;
|
|
535
535
|
--cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
536
|
-
--cds-alias-typography-title-line-height: 1.
|
|
537
|
-
--cds-alias-typography-title-letter-spacing: -0.
|
|
536
|
+
--cds-alias-typography-title-line-height: 1.333333em;
|
|
537
|
+
--cds-alias-typography-title-letter-spacing: -0.00833333em;
|
|
538
538
|
--cds-alias-typography-title-font-weight: 500;
|
|
539
539
|
--cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
540
540
|
--cds-alias-typography-section-line-height: 1.2em;
|
|
541
541
|
--cds-alias-typography-section-letter-spacing: -0.01em;
|
|
542
542
|
--cds-alias-typography-section-font-weight: 500;
|
|
543
543
|
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
544
|
-
--cds-alias-typography-subsection-line-height: 1.
|
|
544
|
+
--cds-alias-typography-subsection-line-height: 1.5em;
|
|
545
545
|
--cds-alias-typography-subsection-letter-spacing: -0.0125em;
|
|
546
546
|
--cds-alias-typography-subsection-font-weight: 500;
|
|
547
547
|
--cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
548
|
-
--cds-alias-typography-message-line-height: 1.
|
|
548
|
+
--cds-alias-typography-message-line-height: 1.5em;
|
|
549
549
|
--cds-alias-typography-message-letter-spacing: -0.0125em;
|
|
550
550
|
--cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
|
|
551
551
|
--cds-alias-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
|