@spectrum-web-components/styles 0.41.0 → 0.41.2

package/src/spectrum-typography.css.js

@@ -1,12 +1,4 @@
 "use strict";import{css as r}from"@spectrum-web-components/base";const a=r`
-.spectrum-Typography .spectrum-Heading{margin-block-end:var(
---mod-heading-margin-end,var(--spectrum-heading-margin-end)
-);margin-block-start:var(
---mod-heading-margin-start,var(--spectrum-heading-margin-start)
-)}.spectrum-Typography .spectrum-Body{margin-block-end:var(--mod-body-margin,var(--spectrum-body-margin))}.spectrum-Typography .spectrum-Detail{margin-block-end:var(
---mod-detail-margin-end,var(--spectrum-detail-margin-end)
-);margin-block-start:var(
---mod-detail-margin-start,var(--spectrum-detail-margin-start)
-)}
+    .spectrum-Typography .spectrum-Heading{margin-block-start:var(--mod-heading-margin-start,var(--spectrum-heading-margin-start));margin-block-end:var(--mod-heading-margin-end,var(--spectrum-heading-margin-end))}.spectrum-Typography .spectrum-Body{margin-block-end:var(--mod-body-margin,var(--spectrum-body-margin))}.spectrum-Typography .spectrum-Detail{margin-block-start:var(--mod-detail-margin-start,var(--spectrum-detail-margin-start));margin-block-end:var(--mod-detail-margin-end,var(--spectrum-detail-margin-end))}
 `;export default a;
 //# sourceMappingURL=spectrum-typography.css.js.map

package/src/spectrum-typography.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-typography.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Typography .spectrum-Heading{margin-block-end:var(\n--mod-heading-margin-end,var(--spectrum-heading-margin-end)\n);margin-block-start:var(\n--mod-heading-margin-start,var(--spectrum-heading-margin-start)\n)}.spectrum-Typography .spectrum-Body{margin-block-end:var(--mod-body-margin,var(--spectrum-body-margin))}.spectrum-Typography .spectrum-Detail{margin-block-end:var(\n--mod-detail-margin-end,var(--spectrum-detail-margin-end)\n);margin-block-start:var(\n--mod-detail-margin-start,var(--spectrum-detail-margin-start)\n)}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    .spectrum-Typography .spectrum-Heading{margin-block-start:var(--mod-heading-margin-start,var(--spectrum-heading-margin-start));margin-block-end:var(--mod-heading-margin-end,var(--spectrum-heading-margin-end))}.spectrum-Typography .spectrum-Body{margin-block-end:var(--mod-body-margin,var(--spectrum-body-margin))}.spectrum-Typography .spectrum-Detail{margin-block-start:var(--mod-detail-margin-start,var(--spectrum-detail-margin-start));margin-block-end:var(--mod-detail-margin-end,var(--spectrum-detail-margin-end))}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/tokens/global-vars.css

@@ -244,9 +244,14 @@
     --spectrum-icon-color-primary-default: var(
         --spectrum-neutral-content-color-default
     );
+    --spectrum-asterisk-icon-size-75: 8px;
     --spectrum-radio-button-selection-indicator: 4px;
+    --spectrum-field-label-top-margin-small: 0px;
     --spectrum-field-label-to-component: 0px;
     --spectrum-help-text-to-component: 0px;
+    --spectrum-status-light-dot-size-small: 8px;
+    --spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
+    --spectrum-action-button-edge-to-hold-icon-small: 3px;
     --spectrum-button-minimum-width-multiplier: 2.25;
     --spectrum-divider-thickness-small: 1px;
     --spectrum-divider-thickness-medium: 2px;
@@ -327,6 +332,12 @@
     --spectrum-drop-zone-body-size: var(
         --spectrum-illustrated-message-body-size
     );
+    --spectrum-accordion-top-to-text-compact-small: 2px;
+    --spectrum-accordion-top-to-text-compact-medium: 4px;
+    --spectrum-accordion-disclosure-indicator-to-text: 0px;
+    --spectrum-accordion-edge-to-disclosure-indicator: 0px;
+    --spectrum-accordion-edge-to-text: 0px;
+    --spectrum-accordion-focus-indicator-gap: 0px;
     --spectrum-color-handle-border-width: var(--spectrum-border-width-200);
     --spectrum-color-handle-inner-border-width: 1px;
     --spectrum-color-handle-outer-border-width: 1px;
@@ -369,6 +380,7 @@
     --spectrum-table-row-bottom-to-text-extra-large-compact: var(
         --spectrum-component-bottom-to-text-300
     );
+    --spectrum-table-edge-to-content: 16px;
     --spectrum-table-border-divider-width: 1px;
     --spectrum-tab-item-height-small: var(--spectrum-component-height-200);
     --spectrum-tab-item-height-medium: var(--spectrum-component-height-300);

package/tokens/large-vars.css

@@ -12,7 +12,6 @@
     --spectrum-arrow-icon-size-400: 18px;
     --spectrum-arrow-icon-size-500: 22px;
     --spectrum-arrow-icon-size-600: 24px;
-    --spectrum-asterisk-icon-size-75: 8px;
     --spectrum-asterisk-icon-size-100: 10px;
     --spectrum-asterisk-icon-size-200: 12px;
     --spectrum-asterisk-icon-size-300: 12px;
@@ -59,7 +58,6 @@
     --spectrum-field-label-top-to-asterisk-medium: 15px;
     --spectrum-field-label-top-to-asterisk-large: 19px;
     --spectrum-field-label-top-to-asterisk-extra-large: 24px;
-    --spectrum-field-label-top-margin-small: 0px;
     --spectrum-field-label-top-margin-medium: 5px;
     --spectrum-field-label-top-margin-large: 6px;
     --spectrum-field-label-top-margin-extra-large: 6px;
@@ -71,7 +69,6 @@
     --spectrum-help-text-top-to-workflow-icon-medium: 4px;
     --spectrum-help-text-top-to-workflow-icon-large: 8px;
     --spectrum-help-text-top-to-workflow-icon-extra-large: 11px;
-    --spectrum-status-light-dot-size-small: 8px;
     --spectrum-status-light-dot-size-medium: 10px;
     --spectrum-status-light-dot-size-large: 12px;
     --spectrum-status-light-dot-size-extra-large: 12px;
@@ -79,8 +76,6 @@
     --spectrum-status-light-top-to-dot-medium: 15px;
     --spectrum-status-light-top-to-dot-large: 19px;
     --spectrum-status-light-top-to-dot-extra-large: 24px;
-    --spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
-    --spectrum-action-button-edge-to-hold-icon-small: 3px;
     --spectrum-action-button-edge-to-hold-icon-medium: 5px;
     --spectrum-action-button-edge-to-hold-icon-large: 6px;
     --spectrum-action-button-edge-to-hold-icon-extra-large: 7px;
@@ -215,10 +210,8 @@
     --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
     --spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
     --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
-    --spectrum-accordion-top-to-text-compact-small: 2px;
     --spectrum-accordion-top-to-text-regular-small: 7px;
     --spectrum-accordion-small-top-to-text-spacious: 12px;
-    --spectrum-accordion-top-to-text-compact-medium: 4px;
     --spectrum-accordion-top-to-text-regular-medium: 9px;
     --spectrum-accordion-top-to-text-spacious-medium: 14px;
     --spectrum-accordion-top-to-text-compact-large: 7px;
@@ -240,10 +233,6 @@
     --spectrum-accordion-bottom-to-text-regular-extra-large: 15px;
     --spectrum-accordion-bottom-to-text-spacious-extra-large: 21px;
     --spectrum-accordion-minimum-width: 250px;
-    --spectrum-accordion-disclosure-indicator-to-text: 0px;
-    --spectrum-accordion-edge-to-disclosure-indicator: 0px;
-    --spectrum-accordion-edge-to-text: 0px;
-    --spectrum-accordion-focus-indicator-gap: 0px;
     --spectrum-accordion-content-area-top-to-content: 10px;
     --spectrum-accordion-content-area-bottom-to-content: 20px;
     --spectrum-color-handle-size: 20px;
@@ -280,7 +269,6 @@
     --spectrum-table-row-bottom-to-text-medium-spacious: 18px;
     --spectrum-table-row-bottom-to-text-large-spacious: 23px;
     --spectrum-table-row-bottom-to-text-extra-large-spacious: 27px;
-    --spectrum-table-edge-to-content: 16px;
     --spectrum-table-checkbox-to-text: 30px;
     --spectrum-table-header-row-checkbox-to-top-small: 14px;
     --spectrum-table-header-row-checkbox-to-top-medium: 13px;

package/tokens/medium-vars.css

@@ -12,7 +12,6 @@
     --spectrum-arrow-icon-size-400: 16px;
     --spectrum-arrow-icon-size-500: 18px;
     --spectrum-arrow-icon-size-600: 20px;
-    --spectrum-asterisk-icon-size-75: 8px;
     --spectrum-asterisk-icon-size-100: 8px;
     --spectrum-asterisk-icon-size-200: 10px;
     --spectrum-asterisk-icon-size-300: 10px;
@@ -59,7 +58,6 @@
     --spectrum-field-label-top-to-asterisk-medium: 12px;
     --spectrum-field-label-top-to-asterisk-large: 15px;
     --spectrum-field-label-top-to-asterisk-extra-large: 19px;
-    --spectrum-field-label-top-margin-small: 0px;
     --spectrum-field-label-top-margin-medium: 4px;
     --spectrum-field-label-top-margin-large: 5px;
     --spectrum-field-label-top-margin-extra-large: 5px;
@@ -71,7 +69,6 @@
     --spectrum-help-text-top-to-workflow-icon-medium: 3px;
     --spectrum-help-text-top-to-workflow-icon-large: 6px;
     --spectrum-help-text-top-to-workflow-icon-extra-large: 9px;
-    --spectrum-status-light-dot-size-small: 8px;
     --spectrum-status-light-dot-size-medium: 8px;
     --spectrum-status-light-dot-size-large: 10px;
     --spectrum-status-light-dot-size-extra-large: 10px;
@@ -79,8 +76,6 @@
     --spectrum-status-light-top-to-dot-medium: 12px;
     --spectrum-status-light-top-to-dot-large: 15px;
     --spectrum-status-light-top-to-dot-extra-large: 19px;
-    --spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
-    --spectrum-action-button-edge-to-hold-icon-small: 3px;
     --spectrum-action-button-edge-to-hold-icon-medium: 4px;
     --spectrum-action-button-edge-to-hold-icon-large: 5px;
     --spectrum-action-button-edge-to-hold-icon-extra-large: 6px;
@@ -215,10 +210,8 @@
     --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs);
     --spectrum-coach-mark-body-size: var(--spectrum-body-size-s);
     --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s);
-    --spectrum-accordion-top-to-text-compact-small: 2px;
     --spectrum-accordion-top-to-text-regular-small: 5px;
     --spectrum-accordion-small-top-to-text-spacious: 9px;
-    --spectrum-accordion-top-to-text-compact-medium: 4px;
     --spectrum-accordion-top-to-text-regular-medium: 8px;
     --spectrum-accordion-top-to-text-spacious-medium: 12px;
     --spectrum-accordion-top-to-text-compact-large: 4px;
@@ -240,10 +233,6 @@
     --spectrum-accordion-bottom-to-text-regular-extra-large: 12px;
     --spectrum-accordion-bottom-to-text-spacious-extra-large: 16px;
     --spectrum-accordion-minimum-width: 200px;
-    --spectrum-accordion-disclosure-indicator-to-text: 0px;
-    --spectrum-accordion-edge-to-disclosure-indicator: 0px;
-    --spectrum-accordion-edge-to-text: 0px;
-    --spectrum-accordion-focus-indicator-gap: 0px;
     --spectrum-accordion-content-area-top-to-content: 8px;
     --spectrum-accordion-content-area-bottom-to-content: 16px;
     --spectrum-color-handle-size: 16px;
@@ -280,7 +269,6 @@
     --spectrum-table-row-bottom-to-text-medium-spacious: 16px;
     --spectrum-table-row-bottom-to-text-large-spacious: 18px;
     --spectrum-table-row-bottom-to-text-extra-large-spacious: 21px;
-    --spectrum-table-edge-to-content: 16px;
     --spectrum-table-checkbox-to-text: 24px;
     --spectrum-table-header-row-checkbox-to-top-small: 10px;
     --spectrum-table-header-row-checkbox-to-top-medium: 9px;

package/tokens/spectrum/global-vars.css

@@ -31,6 +31,8 @@
     --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(
         --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
     );
+    --spectrum-corner-radius-75: 2px;
+    --spectrum-drop-shadow-x: 0px;
     --spectrum-border-width-100: 1px;
     --spectrum-accent-color-100: var(--spectrum-blue-100);
     --spectrum-accent-color-200: var(--spectrum-blue-200);

package/tokens/spectrum/large-vars.css

@@ -44,10 +44,8 @@
     --spectrum-slider-bottom-to-handle-medium: 10px;
     --spectrum-slider-bottom-to-handle-large: 14px;
     --spectrum-slider-bottom-to-handle-extra-large: 17px;
-    --spectrum-corner-radius-75: 2px;
     --spectrum-corner-radius-100: 5px;
     --spectrum-corner-radius-200: 10px;
-    --spectrum-drop-shadow-x: 0px;
     --spectrum-drop-shadow-y: 2px;
     --spectrum-drop-shadow-blur: 6px;
 }

package/tokens/spectrum/medium-vars.css

@@ -44,10 +44,8 @@
     --spectrum-slider-bottom-to-handle-medium: 8px;
     --spectrum-slider-bottom-to-handle-large: 11px;
     --spectrum-slider-bottom-to-handle-extra-large: 14px;
-    --spectrum-corner-radius-75: 2px;
     --spectrum-corner-radius-100: 4px;
     --spectrum-corner-radius-200: 8px;
-    --spectrum-drop-shadow-x: 0px;
     --spectrum-drop-shadow-y: 1px;
     --spectrum-drop-shadow-blur: 4px;
 }