@rededor/cura 1.5.1 → 1.6.0-alpha.1

package/dist/collection/components/cura-calendar/cura-calendar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-calendar.stories.js","sourceRoot":"","sources":["../../../src/components/cura-calendar/cura-calendar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["const renderCuraCalendar = args => `\n    <cura-calendar\n      ${args.period && `period=\"${args.period}\"`}\n      ${args.width && `width=\"${args.width}\"`}\n      ${args.maxWidth && `max-width=\"${args.maxWidth}\"`}\n      ${args.minWidth && `min-width=\"${args.minWidth}\"`}\n      ${args.mode && `mode=\"${args.mode}\"`}\n      ${args.type && `type=\"${args.type}\"`}\n      ${args.dateFormat && `date-format=\"${args.dateFormat}\"`}\n      ${args.locale && `locale=\"${args.locale}\"`}\n      ${`enable=\"${args.enable.length > 0 ? args.enable : '[]'}\"`}\n      ${`disable=\"${args.disable.length > 0 ? args.disable : '[]'}\"`}\n      ${`default-date='${args.defaultDate.length > 0 ? JSON.stringify(args.defaultDate) : '[]'}'`}\n\n      ${args.disablePassDates && `disable-pass-dates=\"${args.disablePassDates}\"`}\n      ${args.disableFutureDates && `disable-future-dates=\"${args.disableFutureDates}\"`}\n      ${args.collapsed && `collapsed=\"${args.collapsed}\"`}\n      ${args.floating && `floating=\"${args.floating}\"`}\n      ${args.embedded && `embedded=\"${args.embedded}\"`}\n      ${args.limitRange !== null ? `limit-range=\"${args.limitRange}\"` : ''}\n    ></cura-calendar>\n`;\n\nexport default {\n  title: 'Componentes/Calendar/Calendar',\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n  render: args => renderCuraCalendar(args),\n  argTypes: {\n    period: {\n      control: 'array',\n      description: 'Define os períodos disponíveis para o calendário. Quando não informado, considera todas as datas como habilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: null },\n      },\n    },\n    width: {\n      control: 'text',\n      description: 'Define a largura do calendário. <b>Largura minima \"268px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '268px' },\n      },\n    },\n    maxWidth: {\n      control: 'text',\n      description: 'Define a largura máxima do calendário. <b>Largura máxima \"400px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '400px' },\n      },\n    },\n    minWidth: {\n      control: 'text',\n      description: 'Define a largura mínima do calendário. <b>Largura mínima \"268px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '268px' },\n      },\n    },\n    mode: {\n      control: 'inline-radio',\n      options: ['single', 'multiple', 'range'],\n      description: 'Define o modo de seleção de datas.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'single' },\n      },\n    },\n    type: {\n      control: 'inline-radio',\n      options: ['static', 'dropdown'],\n      description: 'Define o tipo de visualização (mês/ano) do calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'static' },\n      },\n    },\n    dateFormat: {\n      control: 'text',\n      description: 'Define o formato das datas exibidas.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'yyyy-MM-dd' },\n      },\n    },\n    locale: {\n      control: 'inline-radio',\n      options: ['pt-BR', 'en-US'],\n      description: 'Define o idioma/localização do calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'pt-BR' },\n      },\n    },\n    defaultDate: {\n      control: 'array',\n      description: 'Define as datas que serão pré-selecionadas no calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    enable: {\n      control: 'array',\n      description: 'Define as datas que são habilitadas para seleção.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    disable: {\n      control: 'array',\n      description: 'Define as datas que são desabilitadas para seleção.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    limitRange: {\n      control: 'number',\n      description: 'Define o limite de datas selecionáveis no modo de seleção range.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'null' },\n      },\n    },\n    disablePassDates: {\n      control: 'boolean',\n      description: 'Define se as datas anteriores a data atual serão consideras como desabilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: false },\n      },\n    },\n    disableFutureDates: {\n      control: 'boolean',\n      description: 'Define se as datas futuras a data atual serão consideras como desabilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: false },\n      },\n    },\n    collapsed: {\n      control: 'boolean',\n      description: 'Define se a exibição do calendário será com recolhida ou expandida ',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: null },\n      },\n    },\n    floating: {\n      control: 'boolean',\n      description: 'Define se o componente é flutuante e aplica o sombreamento.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n    embedded: {\n      control: 'boolean',\n      description: 'Define se o componente tenha borda, padding e sombra (box) ou não.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n  },\n};\n\nexport const Calendar = {\n  args: {\n    period: [\n      '2024-08-01',\n      '2024-08-30',\n      '2024-08-02',\n      '2024-08-03',\n      '2024-08-04',\n      '2024-08-29',\n      '2024-08-15',\n      '2024-08-02',\n      '2024-08-30',\n      '2024-09-01',\n      '2024-09-29',\n      '2024-10-15',\n      '2024-09-02',\n      '2024-09-30',\n      '2024-10-01',\n    ],\n    width: '280px',\n    maxWidth: '400px',\n    minWidth: '268px',\n    mode: 'single',\n    type: 'static',\n    locale: 'pt-BR',\n    dateFormat: 'yyyy-MM-dd',\n    defaultDate: ['2024-08-15'],\n    enable: [],\n    disable: [],\n    limitRange: null,\n    disablePassDates: false,\n    disableFutureDates: false,\n    collapsed: null,\n    floating: true,\n    embedded: true,\n  },\n};\n"]}
+{"version":3,"file":"cura-calendar.stories.js","sourceRoot":"","sources":["../../../src/components/cura-calendar/cura-calendar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["const renderCuraCalendar = args => `\n    <cura-calendar\n      ${args.period && `period=\"${args.period}\"`}\n      ${args.width && `width=\"${args.width}\"`}\n      ${args.maxWidth && `max-width=\"${args.maxWidth}\"`}\n      ${args.minWidth && `min-width=\"${args.minWidth}\"`}\n      ${args.mode && `mode=\"${args.mode}\"`}\n      ${args.type && `type=\"${args.type}\"`}\n      ${args.dateFormat && `date-format=\"${args.dateFormat}\"`}\n      ${args.locale && `locale=\"${args.locale}\"`}\n      ${`enable=\"${args.enable.length > 0 ? args.enable : '[]'}\"`}\n      ${`disable=\"${args.disable.length > 0 ? args.disable : '[]'}\"`}\n      ${`default-date='${args.defaultDate.length > 0 ? JSON.stringify(args.defaultDate) : '[]'}'`}\n\n      ${args.disablePassDates && `disable-pass-dates=\"${args.disablePassDates}\"`}\n      ${args.disableFutureDates && `disable-future-dates=\"${args.disableFutureDates}\"`}\n      ${args.collapsed && `collapsed=\"${args.collapsed}\"`}\n      ${args.floating && `floating=\"${args.floating}\"`}\n      ${args.embedded && `embedded=\"${args.embedded}\"`}\n      ${args.limitRange !== null ? `limit-range=\"${args.limitRange}\"` : ''}\n      ${args.selectLabelColorMode && `select-label-color-mode=\"${args.selectLabelColorMode}\"`}\n    ></cura-calendar>\n`;\n\nexport default {\n  title: 'Componentes/Calendar/Calendar',\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n  render: args => renderCuraCalendar(args),\n  argTypes: {\n    period: {\n      control: 'array',\n      description: 'Define os períodos disponíveis para o calendário. Quando não informado, considera todas as datas como habilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: null },\n      },\n    },\n    width: {\n      control: 'text',\n      description: 'Define a largura do calendário. <b>Largura minima \"268px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '268px' },\n      },\n    },\n    maxWidth: {\n      control: 'text',\n      description: 'Define a largura máxima do calendário. <b>Largura máxima \"400px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '400px' },\n      },\n    },\n    minWidth: {\n      control: 'text',\n      description: 'Define a largura mínima do calendário. <b>Largura mínima \"268px\"</b>.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '268px' },\n      },\n    },\n    mode: {\n      control: 'inline-radio',\n      options: ['single', 'multiple', 'range'],\n      description: 'Define o modo de seleção de datas.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'single' },\n      },\n    },\n    type: {\n      control: 'inline-radio',\n      options: ['static', 'dropdown'],\n      description: 'Define o tipo de visualização (mês/ano) do calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'static' },\n      },\n    },\n    dateFormat: {\n      control: 'text',\n      description: 'Define o formato das datas exibidas.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'yyyy-MM-dd' },\n      },\n    },\n    locale: {\n      control: 'inline-radio',\n      options: ['pt-BR', 'en-US'],\n      description: 'Define o idioma/localização do calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'pt-BR' },\n      },\n    },\n    defaultDate: {\n      control: 'array',\n      description: 'Define as datas que serão pré-selecionadas no calendário.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    enable: {\n      control: 'array',\n      description: 'Define as datas que são habilitadas para seleção.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    disable: {\n      control: 'array',\n      description: 'Define as datas que são desabilitadas para seleção.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: '[]' },\n      },\n    },\n    limitRange: {\n      control: 'number',\n      description: 'Define o limite de datas selecionáveis no modo de seleção range.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'null' },\n      },\n    },\n    disablePassDates: {\n      control: 'boolean',\n      description: 'Define se as datas anteriores a data atual serão consideras como desabilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: false },\n      },\n    },\n    disableFutureDates: {\n      control: 'boolean',\n      description: 'Define se as datas futuras a data atual serão consideras como desabilitadas',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: false },\n      },\n    },\n    collapsed: {\n      control: 'boolean',\n      description: 'Define se a exibição do calendário será com recolhida ou expandida ',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: null },\n      },\n    },\n    floating: {\n      control: 'boolean',\n      description: 'Define se o componente é flutuante e aplica o sombreamento.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n    embedded: {\n      control: 'boolean',\n      description: 'Define se o componente tenha borda, padding e sombra (box) ou não.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n    selectLabelColorMode: {\n      control: { type: 'inline-radio' },\n      options: ['light', 'dark'],\n      description: 'Define a cor do label do dia selecionado (light ou dark).',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'light' },\n      },\n      name: 'select-label-color-mode',\n    },\n  },\n};\n\nexport const Calendar = {\n  args: {\n    period: [\n      '2024-08-01',\n      '2024-08-30',\n      '2024-08-02',\n      '2024-08-03',\n      '2024-08-04',\n      '2024-08-29',\n      '2024-08-15',\n      '2024-08-02',\n      '2024-08-30',\n      '2024-09-01',\n      '2024-09-29',\n      '2024-10-15',\n      '2024-09-02',\n      '2024-09-30',\n      '2024-10-01',\n    ],\n    width: '280px',\n    maxWidth: '400px',\n    minWidth: '268px',\n    mode: 'single',\n    type: 'static',\n    locale: 'pt-BR',\n    dateFormat: 'yyyy-MM-dd',\n    defaultDate: ['2024-08-15'],\n    enable: [],\n    disable: [],\n    limitRange: null,\n    disablePassDates: false,\n    disableFutureDates: false,\n    collapsed: null,\n    floating: true,\n    embedded: true,\n    selectLabelColorMode: 'light',\n  },\n};\n"]}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.css

@@ -0,0 +1,61 @@
+/**
+ * Global Spacing Definitions.
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
+ */
+/* None: 0px */
+/* Tiny default: 4px */
+/* Mini default: 8px */
+/* XXXS default: 12px */
+/* XXS default: 16px */
+/* XS default: 20px */
+/* S default: 20px */
+/* M default: 32px */
+/* L default: 40px */
+/* XL default: 48px */
+/* XXL default: 64px */
+/* XXXL default: 72px */
+/* Huge default: 96px */
+/**
+ * Global Dropdown Search Options Definitions.
+ * Required CSS Properties:
+ * --neutral-light
+ */
+/**
+ * Global Spacing Definitions.
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
+ */
+/* None: 0px */
+/* Tiny default: 4px */
+/* Mini default: 8px */
+/* XXXS default: 12px */
+/* XXS default: 16px */
+/* XS default: 20px */
+/* S default: 20px */
+/* M default: 32px */
+/* L default: 40px */
+/* XL default: 48px */
+/* XXL default: 64px */
+/* XXXL default: 72px */
+/* Huge default: 96px */
+:host {
+  display: block;
+  box-sizing: border-box;
+}
+:host .component-container {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  min-height: calc(var(--cura-spacing-base) * 10px);
+  padding: 0 calc(var(--cura-spacing-base) * 1px);
+  border-bottom: 1px solid var(--neutral-light);
+  padding: calc(var(--cura-spacing-base) * 3px) 0;
+}
+
+:host(:last-child) .component-container {
+  border-bottom: none !important;
+}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.js

@@ -0,0 +1,28 @@
+import { Host, h } from "@stencil/core";
+export class CuraDropdownSearchCategory {
+    constructor() {
+        this.styles = {};
+        this.theme = window.CuraAPI.theme;
+    }
+    connectedCallback() {
+        this.styles = {
+            '--neutral-light': this.theme.colors.getColor('neutral-light')
+        };
+    }
+    render() {
+        return (h(Host, { key: '511391a8c6c1c998b04e3093838173ae76549715' }, h("div", { key: '63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e', class: "component-container", style: this.styles }, h("cura-heading", { key: 'ba003607e581d4abaf2e6d617f94e3174d04a4b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, h("slot", { key: '80b14ff99b42a64082895db81b4dbe78cd7545a3' })))));
+    }
+    static get is() { return "cura-dropdown-search-category"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cura-dropdown-search-category.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cura-dropdown-search-category.css"]
+        };
+    }
+}
+//# sourceMappingURL=cura-dropdown-search-category.js.map

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-dropdown-search-category.js","sourceRoot":"","sources":["../../../../src/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,0BAA0B;IALvC;QAOE,WAAM,GAAG,EAAE,CAAC;QACZ,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;KAmB9B;IAjBC,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG;YACZ,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;SAC/D,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM;gBACjD,qEAAc,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,UAAU,EAAC,KAAK;oBAC7F,8DAAa,CACA,CACX,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-category',\n  styleUrl: 'cura-dropdown-search-category.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchCategory {\n\n  styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      '--neutral-light': this.theme.colors.getColor('neutral-light')\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"component-container\" style={this.styles}>\n          <cura-heading size='xsmall' weight='bold' color='neutral-dark' marginBlock='0' lineHeight='1em'>\n            <slot></slot>\n          </cura-heading>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.stories.js

@@ -0,0 +1,37 @@
+const renderCuraDropdownSearchCategory = (args) => {
+    return `<cura-dropdown-search-category>
+  ${args.content}
+</cura-dropdown-search-category>`;
+};
+export default {
+    title: 'Componentes/DropdownSearchNew/Options/Category',
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `<cura-paragraph size="small">
+        É utilizado somente para categorização das opções, quando necessário.<br/>
+        Não é um componente selecionável.
+      </cura-paragraph>`,
+            },
+        },
+    },
+    render: args => {
+        return renderCuraDropdownSearchCategory(args);
+    },
+    argTypes: {
+        content: {
+            control: 'text',
+            description: 'Título da categoria de opções.',
+            table: {
+                category: 'Properties',
+            },
+        }
+    }
+};
+export const DropdownSearchCategory = {
+    args: {
+        content: 'Título para Categoria'
+    }
+};
+//# sourceMappingURL=cura-dropdown-search-category.stories.js.map

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-dropdown-search-category.stories.js","sourceRoot":"","sources":["../../../../src/components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.stories.ts"],"names":[],"mappings":"AAAA,MAAM,gCAAgC,GAAG,CAAC,IAAI,EAAE,EAAE;IAChD,OAAO;IACL,IAAI,CAAC,OAAO;iCACiB,CAAA;AACjC,CAAC,CAAA;AAED,eAAe;IACb,KAAK,EAAE,gDAAgD;IACvD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;wBAGK;aACjB;SACF;KACF;IACD,MAAM,EAAE,IAAI,CAAC,EAAE;QACb,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;YAC7C,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;aACvB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAuB;KACjC;CACF,CAAA","sourcesContent":["const renderCuraDropdownSearchCategory = (args) => {\n  return `<cura-dropdown-search-category>\n  ${args.content}\n</cura-dropdown-search-category>`\n}\n\nexport default {\n  title: 'Componentes/DropdownSearchNew/Options/Category',\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `<cura-paragraph size=\"small\">\n        É utilizado somente para categorização das opções, quando necessário.<br/>\n        Não é um componente selecionável.\n      </cura-paragraph>`,\n      },\n    },\n  },\n  render: args => {\n    return renderCuraDropdownSearchCategory(args);\n  },\n  argTypes: {\n    content: {\n      control: 'text',\n      description: 'Título da categoria de opções.',\n      table: {\n        category: 'Properties',\n      },\n    }\n  }\n}\n\nexport const DropdownSearchCategory = {\n  args: {\n    content: 'Título para Categoria'\n  }\n}\n"]}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-new.css

@@ -0,0 +1,138 @@
+/**
+ * Global Spacing Definitions.
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
+ */
+/* None: 0px */
+/* Tiny default: 4px */
+/* Mini default: 8px */
+/* XXXS default: 12px */
+/* XXS default: 16px */
+/* XS default: 20px */
+/* S default: 20px */
+/* M default: 32px */
+/* L default: 40px */
+/* XL default: 48px */
+/* XXL default: 64px */
+/* XXXL default: 72px */
+/* Huge default: 96px */
+/**
+ * Global Shadow Level Definitions.
+ * Required CSS Properties with respective opacities:
+ * --neutral-black,
+ * --neutral-purewhite,
+ * --accent-base
+ * --primary-base
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-purewhite opacity: 0.2
+ * Use: @include shadow-level1(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.16
+ * Use: @include shadow-level2(--neutral-black-shadow){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.16
+ * Use: @include shadow-level3(--neutral-black-shadow){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.12
+ * Use: @include shadow-level4(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --neutral-black opacity: 0.8
+ * Use: @include shadow-level5(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --accent-base opacity: 0.2
+ * Use: @include shadow-level5-accent(){ ... }
+ */
+/**
+ * Shadow Level base definitions.
+ * Required CSS Properties: --primary-base opacity: 0.16
+ * Use: @include shadow-level3-primary(){ ... }
+ */
+:host {
+  display: block;
+  box-sizing: border-box;
+  position: relative;
+}
+:host .component-controls {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--cura-spacing-base) * 1px);
+}
+:host .component-controls #button-back {
+  padding: 0 0 0 calc(var(--cura-spacing-base) * 3px);
+  width: max-content;
+}
+:host .component-container {
+  box-sizing: border-box;
+  width: 100%;
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: min-content 1fr;
+}
+:host .component-container.zoom {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  background: var(--purewhite);
+  height: var(--height);
+  z-index: 9999;
+  overscroll-behavior: contain;
+}
+:host .component-container.zoom .component-controls {
+  border-bottom: 2px solid var(--primary);
+  padding: calc(var(--cura-spacing-base) * 3px) 0;
+}
+:host .component-container.zoom.error .component-controls {
+  border-bottom: 2px solid var(--error-dark);
+  background-color: var(--error-lighter);
+}
+:host .component-container .dropdown-container {
+  box-sizing: border-box;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: calc(var(--cura-spacing-base) * 3px);
+  overscroll-behavior: contain;
+}
+:host .component-container:not(.zoom) .dropdown-container {
+  box-shadow: 0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transform: translateY(100%);
+  max-height: var(--max-height);
+  background-color: var(--purewhite);
+  border-radius: 0px 0px calc(var(--cura-spacing-base) * 1px) calc(var(--cura-spacing-base) * 1px);
+  border-bottom: 2px solid var(--neutral-light);
+  border-left: 2px solid var(--neutral-light);
+  border-right: 2px solid var(--neutral-light);
+  display: none;
+  z-index: 9997;
+}
+:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-field) {
+  border-radius: 4px 4px 0px 0px;
+}
+:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-text-helper) {
+  height: 0px;
+  overflow: hidden;
+  margin-top: 0px;
+}
+:host .component-container:not(.zoom).dropdown-visible .dropdown-container {
+  display: block;
+}