@cloudscape-design/components 3.0.1071 → 3.0.1073

package/toggle/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_4yi2u_6yhby_145:not(#\9) {
+.awsui_root_4yi2u_19asi_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_outline_4yi2u_6yhby_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-mdigke: 0 0 0 var(--awsui-style-focus-ring-border-width-mdigke, 2px) var(--awsui-style-focus-ring-border-color-mdigke, var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_outline_4yi2u_19asi_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-kiajpc: 0 0 0 var(--awsui-style-focus-ring-border-width-kiajpc, 2px) var(--awsui-style-focus-ring-border-color-kiajpc, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_4yi2u_6yhby_178:not(#\9) {
+.awsui_outline_4yi2u_19asi_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_6yhby_178:not(#\9)::before {
+.awsui_outline_4yi2u_19asi_178:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-mdigke);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-kiajpc);
 }
 
-.awsui_toggle-control_4yi2u_6yhby_201:not(#\9) {
+.awsui_toggle-control_4yi2u_19asi_201:not(#\9) {
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - 16px) / 2);
   min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_6yhby_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_19asi_214:not(#\9) {
   background: var(--color-background-control-checked-ka7kc2, #006ce0);
 }
-.awsui_toggle-control-disabled_4yi2u_6yhby_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_19asi_217:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
-.awsui_toggle-control-disabled_4yi2u_6yhby_217.awsui_toggle-control-checked_4yi2u_6yhby_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_19asi_217.awsui_toggle-control-checked_4yi2u_19asi_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-amxc0a, #b8e7ff);
 }
-.awsui_toggle-control-readonly_4yi2u_6yhby_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_19asi_223:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
 
-.awsui_toggle-handle_4yi2u_6yhby_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_19asi_227:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_6yhby_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_19asi_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_6yhby_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_6yhby_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_19asi_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_19asi_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_6yhby_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_19asi_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_6yhby_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_19asi_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_6yhby_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_19asi_259:not(#\9) {
   background: var(--color-foreground-control-disabled-txi6cf, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_6yhby_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_6yhby_259) {
+.awsui_toggle-handle-readonly_4yi2u_19asi_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_19asi_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_6yhby_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_6yhby_259).awsui_toggle-handle-checked_4yi2u_6yhby_252 {
+.awsui_toggle-handle-readonly_4yi2u_19asi_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_19asi_259).awsui_toggle-handle-checked_4yi2u_19asi_252 {
   background: var(--color-foreground-control-read-only-7ydvuj, #656871);
 }

package/toggle/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_6yhby_145",
-  "outline": "awsui_outline_4yi2u_6yhby_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_6yhby_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_6yhby_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_6yhby_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_6yhby_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_6yhby_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_6yhby_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_6yhby_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_6yhby_263"
+  "root": "awsui_root_4yi2u_19asi_145",
+  "outline": "awsui_outline_4yi2u_19asi_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_19asi_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_19asi_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_19asi_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_19asi_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_19asi_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_19asi_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_19asi_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_19asi_263"
 };
   

package/button-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAI7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAwE,EAAE,GAAoC,EAAE,EAAE;QAAlH,EAAE,OAAO,EAAE,wBAAwB,GAAG,KAAK,OAA6B,EAAxB,IAAI,cAApD,uCAAsD,CAAF;IACnD,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,OAAO;YACP,wBAAwB;SACzB;QACD,QAAQ,EAAE;YACR,gBAAgB,EAAE,UAAU,CAAC,aAAa,CAAC;YAC3C,sBAAsB,EAAE,UAAU,CAAC,oBAAoB,CAAC;YACxD,mBAAmB,EAAE,UAAU,CAAC,iBAAiB,CAAC;YAClD,kBAAkB,EAAE,UAAU,CAAC,eAAe,CAAC;YAC/C,WAAW,EAAE,UAAU,CAAC,KAAK;SAC9B;KACF,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,iBAAiB,GAAmD;QACxE,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACxB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,oBACd,SAAS,EACT,kBAAkB,EAClB,aAAa,IACjB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,wBAAwB,IAC9C,6BAA6B,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACnE,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,WAAoD,EAAE;IAC3E,MAAM,QAAQ,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAEnH,SAAS,KAAK,CAAC,KAA8C;QAC3D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEzB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;gBACzB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACnB;SACF;IACH,CAAC;IACD,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { GeneratedAnalyticsMetadataButtonGroupComponent } from './analytics-metadata/interfaces';\nimport { ButtonGroupProps } from './interfaces';\nimport InternalButtonGroup from './internal';\n\nexport { ButtonGroupProps };\n\nconst ButtonGroup = React.forwardRef(\n  ({ variant, dropdownExpandToViewport = false, ...rest }: ButtonGroupProps, ref: React.Ref<ButtonGroupProps.Ref>) => {\n    const baseProps = getBaseProps(rest);\n    const itemCounts = getItemCounts(rest.items);\n    const baseComponentProps = useBaseComponent('ButtonGroup', {\n      props: {\n        variant,\n        dropdownExpandToViewport,\n      },\n      metadata: {\n        iconButtonsCount: itemCounts['icon-button'],\n        iconToggleButtonsCount: itemCounts['icon-toggle-button'],\n        iconFileInputsCount: itemCounts['icon-file-input'],\n        menuDropdownsCount: itemCounts['menu-dropdown'],\n        groupsCount: itemCounts.group,\n      },\n    });\n\n    const externalProps = getExternalProps(rest);\n\n    const componentMetadata: GeneratedAnalyticsMetadataButtonGroupComponent = {\n      name: 'awsui.ButtonGroup',\n      label: { root: 'self' },\n    };\n\n    return (\n      <InternalButtonGroup\n        {...baseProps}\n        {...baseComponentProps}\n        {...externalProps}\n        ref={ref}\n        variant={variant}\n        dropdownExpandToViewport={dropdownExpandToViewport}\n        {...getAnalyticsMetadataAttribute({ component: componentMetadata })}\n      />\n    );\n  }\n);\n\nfunction getItemCounts(allItems: readonly ButtonGroupProps.ItemOrGroup[] = []) {\n  const counters = { 'icon-button': 0, 'icon-toggle-button': 0, 'icon-file-input': 0, 'menu-dropdown': 0, group: 0 };\n\n  function count(items: readonly ButtonGroupProps.ItemOrGroup[]) {\n    for (const item of items) {\n      counters[item.type] += 1;\n\n      if (item.type === 'group') {\n        count(item.items);\n      }\n    }\n  }\n  count(allItems);\n\n  return counters;\n}\n\napplyDisplayName(ButtonGroup, 'ButtonGroup');\nexport default ButtonGroup;\n"]}