Updates

adobe · Feb 20, 2024 · d6ff93e · d6ff93e
commit d6ff93e
Show file tree

Hide file tree

Showing 1,254 changed files with 213,523 additions and 0 deletions.
diff --git a/accordion.html b/accordion.html
diff --git a/actionbar.html b/actionbar.html
diff --git a/actionbutton.html b/actionbutton.html
diff --git a/actiongroup.html b/actiongroup.html
diff --git a/actionmenu.html b/actionmenu.html
diff --git a/alertbanner.html b/alertbanner.html
diff --git a/alertdialog.html b/alertdialog.html
diff --git a/asset.html b/asset.html
diff --git a/assetcard.html b/assetcard.html
diff --git a/assetlist.html b/assetlist.html
diff --git a/avatar.html b/avatar.html
diff --git a/badge.html b/badge.html
diff --git a/breadcrumb.html b/breadcrumb.html
diff --git a/button-accent.html b/button-accent.html
diff --git a/button-negative.html b/button-negative.html
diff --git a/button-pending.html b/button-pending.html
diff --git a/button-primary.html b/button-primary.html
diff --git a/button-secondary.html b/button-secondary.html
diff --git a/button-staticcolor.html b/button-staticcolor.html
diff --git a/buttongroup.html b/buttongroup.html
diff --git a/calendar.html b/calendar.html
diff --git a/card-asset.html b/card-asset.html
diff --git a/card-gallery.html b/card-gallery.html
diff --git a/card.html b/card.html
diff --git a/checkbox.html b/checkbox.html
diff --git a/clearbutton.html b/clearbutton.html
diff --git a/closebutton.html b/closebutton.html
diff --git a/coachindicator.html b/coachindicator.html
diff --git a/coachmark.html b/coachmark.html
diff --git a/colorarea.html b/colorarea.html
diff --git a/colorhandle.html b/colorhandle.html
diff --git a/colorloupe.html b/colorloupe.html
diff --git a/colorslider.html b/colorslider.html
diff --git a/colorwheel.html b/colorwheel.html
diff --git a/combobox.html b/combobox.html
diff --git a/components/accordion/index-base.css b/components/accordion/index-base.css
diff --git a/components/accordion/index-vars.css b/components/accordion/index-vars.css
diff --git a/components/accordion/index.css b/components/accordion/index.css
diff --git a/components/accordion/mods.json b/components/accordion/mods.json
@@ -0,0 +1,43 @@
+{
+  "mods": [
+    "--mod-accordion-background-color-default",
+    "--mod-accordion-background-color-down",
+    "--mod-accordion-background-color-hover",
+    "--mod-accordion-background-color-key-focus",
+    "--mod-accordion-component-edge-to-text",
+    "--mod-accordion-corner-radius",
+    "--mod-accordion-disclosure-indicator-height",
+    "--mod-accordion-disclosure-indicator-to-text-space",
+    "--mod-accordion-divider-color",
+    "--mod-accordion-divider-thickness",
+    "--mod-accordion-edge-to-disclosure-indicator-space",
+    "--mod-accordion-edge-to-text-space",
+    "--mod-accordion-focus-indicator-color",
+    "--mod-accordion-focus-indicator-gap",
+    "--mod-accordion-focus-indicator-thickness",
+    "--mod-accordion-item-content-area-bottom-to-content",
+    "--mod-accordion-item-content-area-top-to-content",
+    "--mod-accordion-item-content-color",
+    "--mod-accordion-item-content-disabled-color",
+    "--mod-accordion-item-content-font",
+    "--mod-accordion-item-content-font-size",
+    "--mod-accordion-item-content-font-style",
+    "--mod-accordion-item-content-font-weight",
+    "--mod-accordion-item-content-line-height",
+    "--mod-accordion-item-header-bottom-to-text-space",
+    "--mod-accordion-item-header-color-default",
+    "--mod-accordion-item-header-color-down",
+    "--mod-accordion-item-header-color-hover",
+    "--mod-accordion-item-header-color-key-focus",
+    "--mod-accordion-item-header-disabled-color",
+    "--mod-accordion-item-header-font",
+    "--mod-accordion-item-header-font-size",
+    "--mod-accordion-item-header-font-style",
+    "--mod-accordion-item-header-font-weight",
+    "--mod-accordion-item-header-line-height",
+    "--mod-accordion-item-header-top-to-text-space",
+    "--mod-accordion-item-height",
+    "--mod-accordion-item-width",
+    "--mod-accordion-min-block-size"
+  ]
+}
diff --git a/components/accordion/package.json b/components/accordion/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@spectrum-css/accordion",
+  "version": "4.2.4",
+  "description": "The Spectrum CSS accordion component",
+  "license": "Apache-2.0",
+  "author": "Adobe",
+  "homepage": "https://opensource.adobe.com/spectrum-css/accordion",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-css.git",
+    "directory": "components/accordion"
+  },
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-css/issues"
+  },
+  "main": "dist/index-vars.css",
+  "peerDependencies": {
+    "@spectrum-css/icon": ">=4",
+    "@spectrum-css/tokens": ">=13"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/components/actionbar/index-base.css b/components/actionbar/index-base.css
@@ -0,0 +1,135 @@
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+.spectrum-ActionBar{
+  --spectrum-actionbar-height:var(--spectrum-action-bar-height);
+  --spectrum-actionbar-corner-radius:var(--spectrum-corner-radius-100);
+  --spectrum-actionbar-item-counter-font-size:var(--spectrum-font-size-100);
+  --spectrum-actionbar-item-counter-line-height:var(--spectrum-line-height-100);
+  --spectrum-actionbar-item-counter-color:var(--spectrum-neutral-content-color-default);
+}
+
+.spectrum-ActionBar:lang(ja), .spectrum-ActionBar:lang(zh), .spectrum-ActionBar:lang(ko){
+    --spectrum-actionbar-item-counter-line-height-cjk:var(--spectrum-cjk-line-height-100);
+  }
+
+.spectrum-ActionBar{
+  --spectrum-actionbar-popover-background-color:var(--spectrum-gray-50);
+  --spectrum-actionbar-popover-border-color:var(--spectrum-gray-400);
+  --spectrum-actionbar-emphasized-background-color:var(--spectrum-informative-background-color-default);
+  --spectrum-actionbar-emphasized-item-counter-color:var(--spectrum-white);
+  --spectrum-actionbar-spacing-outer-edge:var(--spectrum-spacing-300);
+  --spectrum-actionbar-spacing-close-button-top:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-close-button-start:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-close-button-end:var(--spectrum-spacing-75);
+  --spectrum-actionbar-spacing-item-counter-top:var(--spectrum-action-bar-top-to-item-counter);
+  --spectrum-actionbar-spacing-item-counter-end:var(--spectrum-spacing-400);
+  --spectrum-actionbar-spacing-action-group-top:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-action-group-end:var(--spectrum-spacing-100);
+  --spectrum-actionbar-shadow-horizontal:var(--spectrum-drop-shadow-x);
+  --spectrum-actionbar-shadow-vertical:var(--spectrum-drop-shadow-y);
+  --spectrum-actionbar-shadow-blur:var(--spectrum-drop-shadow-blur);
+  --spectrum-actionbar-shadow-color:var(--spectrum-drop-shadow-color);
+}
+
+@media (forced-colors: active){
+  .spectrum-ActionBar{
+    --highcontrast-actionbar-popover-border-color:CanvasText;
+  }
+    .spectrum-ActionBar--emphasized .spectrum-ActionBar-popover{
+      --highcontrast-actionbar-popover-border-color:CanvasText;
+    }
+}
+
+.spectrum-ActionBar{
+  padding:0 var(--mod-actionbar-spacing-outer-edge, var(--spectrum-actionbar-spacing-outer-edge));
+  inset-block-end:0;
+  z-index:1;
+  box-sizing:border-box;
+  pointer-events:none;
+  block-size:0;
+  opacity:0;
+}
+
+.spectrum-ActionBar.is-open{
+    block-size:calc(var(--mod-actionbar-spacing-outer-edge, var(--spectrum-actionbar-spacing-outer-edge)) + var(--mod-actionbar-height, var(--spectrum-actionbar-height)));
+    opacity:1;
+  }
+
+.spectrum-ActionBar .spectrum-ActionBar-popover{
+    block-size:var(--mod-actionbar-height, var(--spectrum-actionbar-height));
+    box-sizing:border-box;
+    inline-size:100%;
+    margin:auto;
+    padding-block-start:0;
+    padding-block-end:0;
+    position:relative;
+
+    border-radius:var(--mod-actionbar-corner-radius, var(--spectrum-actionbar-corner-radius));
+    border-color:var(--highcontrast-actionbar-popover-border-color, var(--mod-actionbar-popover-border-color, var(--spectrum-actionbar-popover-border-color)));
+    background-color:var(--mod-actionbar-popover-background-color, var(--spectrum-actionbar-popover-background-color));
+
+    filter:drop-shadow(var(--mod-actionbar-shadow-horizontal, var(--spectrum-actionbar-shadow-horizontal)) var(--mod-actionbar-shadow-vertical, var(--spectrum-actionbar-shadow-vertical)) var(--mod-actionbar-shadow-blur, var(--spectrum-actionbar-shadow-blur)) var(--mod-actionbar-shadow-color, var(--spectrum-actionbar-shadow-color)));
+    pointer-events:auto;
+    display:flex;
+    flex-direction:row;
+  }
+
+.spectrum-ActionBar .spectrum-CloseButton{
+    margin-inline-start:var(--mod-actionbar-spacing-close-button-start, var(--spectrum-actionbar-spacing-close-button-start));
+    margin-inline-end:var(--mod-actionbar-spacing-close-button-end, var(--spectrum-actionbar-spacing-close-button-end));
+    margin-block-start:var(--mod-actionbar-spacing-close-button-top, var(--spectrum-actionbar-spacing-close-button-top));
+    flex-shrink:0;
+  }
+
+.spectrum-ActionBar .spectrum-FieldLabel{
+    margin-inline-end:var(--mod-actionbar-spacing-item-counter-end, var(--spectrum-actionbar-spacing-item-counter-end));
+    margin-block-start:var(--mod-actionbar-spacing-item-counter-top, var(--spectrum-actionbar-spacing-item-counter-top));
+    padding:0;
+
+    font-size:var(--mod-actionbar-item-counter-font-size, var(--spectrum-actionbar-item-counter-font-size));
+    color:var(--mod-actionbar-item-counter-color, var(--spectrum-actionbar-item-counter-color));
+    line-height:var(--mod-actionbar-item-counter-line-height, var(--spectrum-actionbar-item-counter-line-height));
+  }
+
+.spectrum-ActionBar .spectrum-FieldLabel:lang(ja), .spectrum-ActionBar .spectrum-FieldLabel:lang(zh), .spectrum-ActionBar .spectrum-FieldLabel:lang(ko){
+      line-height:var(--mod-actionbar-item-counter-line-height-cjk, var(--spectrum-actionbar-item-counter-line-height-cjk));
+    }
+
+.spectrum-ActionBar .spectrum-ActionGroup{
+    margin-inline-end:var(--mod-actionbar-spacing-action-group-end, var(--spectrum-actionbar-spacing-action-group-end));
+    margin-block-start:var(--mod-actionbar-spacing-action-group-top, var(--spectrum-actionbar-spacing-action-group-top));
+    margin-inline-start:auto;
+  }
+
+.spectrum-ActionBar--emphasized .spectrum-ActionBar-popover{
+    filter:none;
+    background-color:var(--mod-actionbar-emphasized-background-color, var(--spectrum-actionbar-emphasized-background-color));
+    border-color:transparent;
+  }
+
+.spectrum-ActionBar--emphasized .spectrum-FieldLabel{
+    color:var(--mod-actionbar-emphasized-item-counter-color, var(--spectrum-actionbar-emphasized-item-counter-color));
+  }
+
+.spectrum-ActionBar--sticky{
+  inset-inline-start:0;
+  inset-inline-end:0;
+  position:sticky;
+}
+
+.spectrum-ActionBar--fixed{
+   position:fixed;
+}
+
+.spectrum-ActionBar--flexible .spectrum-ActionBar-popover{
+    inline-size:auto;
+  }
diff --git a/components/actionbar/index-vars.css b/components/actionbar/index-vars.css
@@ -0,0 +1,135 @@
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+.spectrum-ActionBar{
+  --spectrum-actionbar-height:var(--spectrum-action-bar-height);
+  --spectrum-actionbar-corner-radius:var(--spectrum-corner-radius-100);
+  --spectrum-actionbar-item-counter-font-size:var(--spectrum-font-size-100);
+  --spectrum-actionbar-item-counter-line-height:var(--spectrum-line-height-100);
+  --spectrum-actionbar-item-counter-color:var(--spectrum-neutral-content-color-default);
+}
+
+.spectrum-ActionBar:lang(ja), .spectrum-ActionBar:lang(zh), .spectrum-ActionBar:lang(ko){
+    --spectrum-actionbar-item-counter-line-height-cjk:var(--spectrum-cjk-line-height-100);
+  }
+
+.spectrum-ActionBar{
+  --spectrum-actionbar-popover-background-color:var(--spectrum-gray-50);
+  --spectrum-actionbar-popover-border-color:var(--spectrum-gray-400);
+  --spectrum-actionbar-emphasized-background-color:var(--spectrum-informative-background-color-default);
+  --spectrum-actionbar-emphasized-item-counter-color:var(--spectrum-white);
+  --spectrum-actionbar-spacing-outer-edge:var(--spectrum-spacing-300);
+  --spectrum-actionbar-spacing-close-button-top:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-close-button-start:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-close-button-end:var(--spectrum-spacing-75);
+  --spectrum-actionbar-spacing-item-counter-top:var(--spectrum-action-bar-top-to-item-counter);
+  --spectrum-actionbar-spacing-item-counter-end:var(--spectrum-spacing-400);
+  --spectrum-actionbar-spacing-action-group-top:var(--spectrum-spacing-100);
+  --spectrum-actionbar-spacing-action-group-end:var(--spectrum-spacing-100);
+  --spectrum-actionbar-shadow-horizontal:var(--spectrum-drop-shadow-x);
+  --spectrum-actionbar-shadow-vertical:var(--spectrum-drop-shadow-y);
+  --spectrum-actionbar-shadow-blur:var(--spectrum-drop-shadow-blur);
+  --spectrum-actionbar-shadow-color:var(--spectrum-drop-shadow-color);
+}
+
+@media (forced-colors: active){
+  .spectrum-ActionBar{
+    --highcontrast-actionbar-popover-border-color:CanvasText;
+  }
+    .spectrum-ActionBar--emphasized .spectrum-ActionBar-popover{
+      --highcontrast-actionbar-popover-border-color:CanvasText;
+    }
+}
+
+.spectrum-ActionBar{
+  padding:0 var(--mod-actionbar-spacing-outer-edge, var(--spectrum-actionbar-spacing-outer-edge));
+  inset-block-end:0;
+  z-index:1;
+  box-sizing:border-box;
+  pointer-events:none;
+  block-size:0;
+  opacity:0;
+}
+
+.spectrum-ActionBar.is-open{
+    block-size:calc(var(--mod-actionbar-spacing-outer-edge, var(--spectrum-actionbar-spacing-outer-edge)) + var(--mod-actionbar-height, var(--spectrum-actionbar-height)));
+    opacity:1;
+  }
+
+.spectrum-ActionBar .spectrum-ActionBar-popover{
+    block-size:var(--mod-actionbar-height, var(--spectrum-actionbar-height));
+    box-sizing:border-box;
+    inline-size:100%;
+    margin:auto;
+    padding-block-start:0;
+    padding-block-end:0;
+    position:relative;
+
+    border-radius:var(--mod-actionbar-corner-radius, var(--spectrum-actionbar-corner-radius));
+    border-color:var(--highcontrast-actionbar-popover-border-color, var(--mod-actionbar-popover-border-color, var(--spectrum-actionbar-popover-border-color)));
+    background-color:var(--mod-actionbar-popover-background-color, var(--spectrum-actionbar-popover-background-color));
+
+    filter:drop-shadow(var(--mod-actionbar-shadow-horizontal, var(--spectrum-actionbar-shadow-horizontal)) var(--mod-actionbar-shadow-vertical, var(--spectrum-actionbar-shadow-vertical)) var(--mod-actionbar-shadow-blur, var(--spectrum-actionbar-shadow-blur)) var(--mod-actionbar-shadow-color, var(--spectrum-actionbar-shadow-color)));
+    pointer-events:auto;
+    display:flex;
+    flex-direction:row;
+  }
+
+.spectrum-ActionBar .spectrum-CloseButton{
+    margin-inline-start:var(--mod-actionbar-spacing-close-button-start, var(--spectrum-actionbar-spacing-close-button-start));
+    margin-inline-end:var(--mod-actionbar-spacing-close-button-end, var(--spectrum-actionbar-spacing-close-button-end));
+    margin-block-start:var(--mod-actionbar-spacing-close-button-top, var(--spectrum-actionbar-spacing-close-button-top));
+    flex-shrink:0;
+  }
+
+.spectrum-ActionBar .spectrum-FieldLabel{
+    margin-inline-end:var(--mod-actionbar-spacing-item-counter-end, var(--spectrum-actionbar-spacing-item-counter-end));
+    margin-block-start:var(--mod-actionbar-spacing-item-counter-top, var(--spectrum-actionbar-spacing-item-counter-top));
+    padding:0;
+
+    font-size:var(--mod-actionbar-item-counter-font-size, var(--spectrum-actionbar-item-counter-font-size));
+    color:var(--mod-actionbar-item-counter-color, var(--spectrum-actionbar-item-counter-color));
+    line-height:var(--mod-actionbar-item-counter-line-height, var(--spectrum-actionbar-item-counter-line-height));
+  }
+
+.spectrum-ActionBar .spectrum-FieldLabel:lang(ja), .spectrum-ActionBar .spectrum-FieldLabel:lang(zh), .spectrum-ActionBar .spectrum-FieldLabel:lang(ko){
+      line-height:var(--mod-actionbar-item-counter-line-height-cjk, var(--spectrum-actionbar-item-counter-line-height-cjk));
+    }
+
+.spectrum-ActionBar .spectrum-ActionGroup{
+    margin-inline-end:var(--mod-actionbar-spacing-action-group-end, var(--spectrum-actionbar-spacing-action-group-end));
+    margin-block-start:var(--mod-actionbar-spacing-action-group-top, var(--spectrum-actionbar-spacing-action-group-top));
+    margin-inline-start:auto;
+  }
+
+.spectrum-ActionBar--emphasized .spectrum-ActionBar-popover{
+    filter:none;
+    background-color:var(--mod-actionbar-emphasized-background-color, var(--spectrum-actionbar-emphasized-background-color));
+    border-color:transparent;
+  }
+
+.spectrum-ActionBar--emphasized .spectrum-FieldLabel{
+    color:var(--mod-actionbar-emphasized-item-counter-color, var(--spectrum-actionbar-emphasized-item-counter-color));
+  }
+
+.spectrum-ActionBar--sticky{
+  inset-inline-start:0;
+  inset-inline-end:0;
+  position:sticky;
+}
+
+.spectrum-ActionBar--fixed{
+   position:fixed;
+}
+
+.spectrum-ActionBar--flexible .spectrum-ActionBar-popover{
+    inline-size:auto;
+  }