@accelint/design-system 0.1.0 → 0.2.0

package/dist/assets/components/options/options.css

@@ -0,0 +1,82 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .options_optionsClassNames_options_container__140gzb51b {
+    container-name: options_optionsContainers_options__140gzb50;
+    display: block;
+  }
+  .options_optionsClassNames_options_options__140gzb51c {
+    min-width: var(--options-minWidth__140gzb5x, var(--trigger-width));
+    padding: var(--options-y__140gzb5z, 0) var(--options-x__140gzb5y, 0);
+    border-radius: var(--sm__ljimwq3d);
+  }
+  .options_optionsClassNames_list_container__140gzb51d {
+    container-name: options_optionsContainers_list__140gzb51;
+    display: contents;
+  }
+  .options_optionsClassNames_list_section__140gzb51f {
+    padding: var(--section-y__140gzb513, 0) var(--section-x__140gzb512, 0);
+  }
+  .options_optionsClassNames_list_header__140gzb51g {
+    padding: var(--header-y__140gzb515, var(--item-y__140gzb519, 0)) var(--header-x__140gzb514, var(--item-x__140gzb518, 0));
+    border: 1px solid transparent;
+    background: var(--header-background__140gzb5o);
+    color: var(--header-color__140gzb5q);
+  }
+  .options_optionsClassNames_list_separator__140gzb51h {
+    height: 1px;
+    margin: var(--separator-y__140gzb517, 0) var(--separator-x__140gzb516, 0);
+    background: var(--separator__140gzb5r);
+  }
+  .options_optionsClassNames_item_container__140gzb51i {
+    container-name: options_optionsContainers_item__140gzb52;
+  }
+  .options_optionsClassNames_item_item__140gzb51j {
+    display: grid;
+    grid-template-areas: "icon label space action" "icon description space action";
+    grid-template-columns: auto auto 1fr auto;
+    grid-template-rows: auto auto;
+    align-items: center;
+    gap: var(--item-gap__140gzb51a);
+    padding: var(--item-y__140gzb519, 0) var(--item-x__140gzb518, 0);
+    border: 1px solid var(--item-border__140gzb5t, transparent);
+    background: var(--item-background__140gzb5s);
+    color: var(--item-color__140gzb5u);
+    cursor: pointer;
+  }
+  .options_optionsClassNames_item_label__140gzb51l {
+    grid-area: label;
+    color: var(--label__140gzb5v);
+  }
+  .options_optionsClassNames_item_description__140gzb51m {
+    grid-area: description;
+    color: var(--description__140gzb5w, var(--label__140gzb5v));
+  }
+  .options_optionsClassNames_item_shortcut__140gzb51n {
+    grid-area: action;
+  }
+  @container style(--isDisabled__140gzb5f: true) {
+    .options_optionsClassNames_item_item__140gzb51j {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--hasDescription__140gzb5e: false) {
+    .options_optionsClassNames_item_label__140gzb51l {
+      grid-row-start: label;
+      grid-row-end: description;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .options_optionsClassNames_list_list__140gzb51e {
+    display: flex;
+    flex-direction: column;
+    background: var(--list-background__140gzb5l);
+    padding: var(--list-y__140gzb511, var(--v03__ljimwq2x)) var(--list-x__140gzb510, 0);
+    border: 1px solid var(--list-border__140gzb5m, transparent);
+    border-radius: var(--sm__ljimwq3d);
+  }
+  .options_optionsClassNames_item_icon_icon__140gzb51k {
+    grid-area: icon;
+  }
+}

package/dist/assets/components/picker/picker.css

@@ -0,0 +1,47 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .picker_pickerClassNames_list_container__k0t389k {
+    container-name: picker_pickerContainers_list__k0t3890;
+    display: contents;
+  }
+  .picker_pickerClassNames_list_list__k0t389l {
+    gap: var(--gap__k0t3892);
+  }
+  .picker_pickerClassNames_item_container__k0t389m {
+    container-name: picker_pickerContainers_item__k0t3891;
+    display: contents;
+  }
+  .picker_pickerClassNames_item_item__k0t389n {
+    border: 1px solid var(--border__k0t389a, transparent);
+    background: var(--background__k0t3899);
+    color: var(--color__k0t389b);
+  }
+  @container style(--layout__k0t3894: grid) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: grid;
+      grid-template-columns: repeat(var(--columns__k0t3893, 1), min-content);
+    }
+  }
+  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: horizontal) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: flex;
+      flex-direction: row;
+    }
+  }
+  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: vertical) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+  @container (style(--selectionMode__k0t389c: single) or style(--selectionMode__k0t389c: multiple)) {
+    .picker_pickerClassNames_item_item__k0t389n {
+      cursor: pointer;
+    }
+  }
+  @container style(--isDisabled__k0t389e: true) {
+    .picker_pickerClassNames_item_item__k0t389n {
+      cursor: not-allowed;
+    }
+  }
+}

package/dist/assets/components/popover/popover.css

@@ -0,0 +1,26 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .popover_header__1tn75dxd {
+    margin-bottom: calc(var(--gap-header-after__1tn75dx6) - var(--gap-default__1tn75dx5));
+  }
+  .popover_content__1tn75dxe {
+    color: var(--content-color__1tn75dx1);
+  }
+  .popover_popoverClassNames_popover_container__1tn75dxf {
+    container-name: popover_popoverContainer__1tn75dx0;
+    display: block;
+  }
+  .popover_popoverClassNames_popover_popover__1tn75dxg {
+    width: var(--width__1tn75dx2, 300px);
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-default__1tn75dx5);
+    padding: var(--y__1tn75dx4, 0) var(--x__1tn75dx3, 0);
+    border-radius: var(--md__ljimwq3e);
+  }
+  .popover_popoverClassNames_footer__1tn75dxh {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: calc(var(--gap-footer-before__1tn75dx8) - var(--gap-default__1tn75dx5));
+  }
+}

package/dist/assets/components/query-builder/query-builder.css

@@ -0,0 +1,129 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d {
+    container-name: query-builder_queryBuilderContainers_queryBuilder__xkizz0;
+    display: contents;
+  }
+  .query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e {
+    border: 1px solid var(--queryBuilder-border__xkizz5, transparent);
+    background: var(--queryBuilder-background__xkizz4);
+    color: var(--queryBuilder-color__xkizz6);
+    padding: var(--queryBuilder-y__xkizzf, 0) var(--queryBuilder-x__xkizze, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_group__xkizz1f {
+    border: 1px solid var(--group-border__xkizz8, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--group-background__xkizz7);
+    color: var(--group-color__xkizz9);
+    display: flex;
+    flex-direction: column;
+    gap: var(--group-gap__xkizzg);
+    padding: var(--group-y__xkizzi, 0) var(--group-x__xkizzh, 0);
+    width: fit-content;
+  }
+  .query-builder_queryBuilderClassNames_group_header__xkizz1g {
+    display: flex;
+    padding: var(--header-y__xkizzk, 0) var(--header-x__xkizzj, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+    display: grid;
+    align-items: start;
+    gap: var(--body-gap__xkizzl);
+    grid-template-columns: max-content min-content min-content max-content min-content;
+    padding: var(--body-y__xkizzn, 0) var(--body-x__xkizzm, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_footer__xkizz1i {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--footer-y__xkizz14, 0) var(--footer-x__xkizz13, 0);
+  }
+  .query-builder_queryBuilderClassNames_rule_container__xkizz1j {
+    container-name: query-builder_queryBuilderContainers_rule__xkizz2;
+    display: contents;
+  }
+  .query-builder_queryBuilderClassNames_rule_rule__xkizz1k {
+    display: grid;
+    grid-template-columns: subgrid;
+    grid-column-start: 1;
+    grid-column-end: -1;
+    padding: var(--rule-y__xkizzp, 0) var(--rule-x__xkizzo, 0);
+    border: 1px solid var(--rule-border__xkizzb, transparent);
+    border-radius: var(--sm__ljimwq3d);
+    background: var(--rule-background__xkizza);
+    color: var(--rule-color__xkizzc);
+  }
+  .query-builder_queryBuilderClassNames_rule_field__xkizz1l {
+    width: var(--field-width__xkizzq, 100%);
+    min-width: var(--field-minWidth__xkizzs, var(--field-width__xkizzq));
+    max-width: var(--field-maxWidth__xkizzr, var(--field-width__xkizzq));
+  }
+  .query-builder_queryBuilderClassNames_rule_operator__xkizz1m {
+    width: var(--operator-width__xkizzt, 100%);
+    min-width: var(--operator-minWidth__xkizzv, var(--operator-width__xkizzt));
+    max-width: var(--operator-maxWidth__xkizzu, var(--operator-width__xkizzt));
+  }
+  .query-builder_queryBuilderClassNames_rule_values__xkizz1n {
+    display: flex;
+    flex-direction: column;
+    gap: var(--values-gap__xkizzw, var(--body-gap__xkizzl, 0));
+    width: var(--values-width__xkizzx, 100%);
+    min-width: var(--values-minWidth__xkizzz, var(--values-width__xkizzx));
+    max-width: var(--values-maxWidth__xkizzy, var(--values-width__xkizzx));
+  }
+  .query-builder_queryBuilderClassNames_rule_source__xkizz1o {
+    width: var(--source-width__xkizz10, 100%);
+    min-width: var(--source-minWidth__xkizz12, var(--source-width__xkizz10));
+    max-width: var(--source-maxWidth__xkizz11, var(--source-width__xkizz10));
+  }
+  .query-builder_queryBuilderClassNames_rule_value__xkizz1p {
+    width: 100%;
+  }
+  .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+    color: var(--error-color__xkizzd);
+  }
+  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and style(--after__xkizz16: 0) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content min-content;
+    }
+  }
+  @container style(--before__xkizz17: 0) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+    }
+  }
+  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+    }
+  }
+  @container style(--before__xkizz17: 2) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 3;
+    }
+  }
+  @container style(--before__xkizz17: 1) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 2;
+    }
+  }
+  @container style(--before__xkizz17: 0) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 1;
+    }
+  }
+  @container style(--after__xkizz16: 2) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -4;
+    }
+  }
+  @container style(--after__xkizz16: 1) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -3;
+    }
+  }
+  @container style(--after__xkizz16: 0) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -2;
+    }
+  }
+}

package/dist/assets/components/radio/radio.css

@@ -0,0 +1,67 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .radio_radioClassNames_radio_container__hweo8bo {
+    container-name: radio_radioContainer__hweo8b0;
+    width: fit-content;
+    display: block;
+  }
+  .radio_radioClassNames_radio_radio__hweo8bp {
+    display: flex;
+    align-items: center;
+    color: var(--color__hweo8b4);
+    gap: var(--gap__hweo8b6);
+  }
+  .radio_radioClassNames_radio_radio__hweo8bp::before {
+    content: "";
+    display: block;
+    border: 1px solid var(--border__hweo8b2);
+    width: var(--diameter__hweo8b5);
+    height: var(--diameter__hweo8b5);
+    border-radius: var(--round__ljimwq3g);
+    background-image: radial-gradient(
+            circle,
+            var(--background__hweo8b3) 0,
+            var(--background__hweo8b3) 40%,
+            transparent 50%,
+            transparent 100%
+          );
+  }
+  .radio_radioClassNames_group_container__hweo8bq {
+    container-name: radio_radioGroupContainer__hweo8b1;
+    display: contents;
+  }
+  .radio_radioClassNames_group_group__hweo8br {
+    display: flex;
+    gap: var(--elementGap__hweo8b7, var(--gap__hweo8b6));
+  }
+  @container style(--alignInput__hweo8b8: start) {
+    .radio_radioClassNames_radio_radio__hweo8bp {
+      flex-direction: row-reverse;
+    }
+  }
+  @container style(--alignInput__hweo8b8: end) {
+    .radio_radioClassNames_radio_radio__hweo8bp {
+      flex-direction: row;
+    }
+  }
+  @container style(--isReadOnly__hweo8be: false) {
+    .radio_radioClassNames_radio_radio__hweo8bp {
+      cursor: pointer;
+    }
+  }
+  @container style(--isDisabled__hweo8b9: true) {
+    .radio_radioClassNames_radio_radio__hweo8bp {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--orientation__hweo8bj: horizontal) {
+    .radio_radioClassNames_group_group__hweo8br {
+      flex-direction: row;
+    }
+  }
+  @container style(--orientation__hweo8bj: vertical) {
+    .radio_radioClassNames_group_group__hweo8br {
+      flex-direction: column;
+    }
+  }
+}

package/dist/assets/components/search-field/search-field.css

@@ -0,0 +1,62 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .search-field_searchFieldClassNames_container__1exq9w6a {
+    container-name: search-field_searchFieldContainer__1exq9w60;
+    width: fit-content;
+    display: flex;
+    flex-direction: column;
+  }
+  .search-field_searchFieldClassNames_group__1exq9w6b {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: var(--y__1exq9w62, 0) var(--x__1exq9w61, 0);
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .search-field_searchFieldClassNames_icon_icon__1exq9w6c {
+    position: relative;
+    z-index: 1;
+  }
+  .search-field_searchFieldClassNames_input_sizer__1exq9w6d::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    border: 1px solid var(--border__6yc0ri2, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__6yc0ri1);
+    color: var(--color__6yc0ri3);
+  }
+  .search-field_searchFieldClassNames_input_sizer__1exq9w6d:has(:focus-visible)::before {
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
+    outline-offset: var(--offset__ljimwq5e);
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e {
+    position: relative;
+    background: none;
+    border: none;
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-cancel-button, .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e:focus-visible {
+    outline: none;
+  }
+  .search-field_searchFieldClassNames_clear_button__1exq9w6f {
+    position: relative;
+    flex: 0;
+    border-radius: var(--round__ljimwq3g);
+  }
+  @container style(--isEmpty__1exq9w65: true) {
+    .search-field_searchFieldClassNames_clear_button__1exq9w6f {
+      visibility: hidden;
+      pointer-events: none;
+    }
+  }
+}

package/dist/assets/components/select/select.css

@@ -0,0 +1,33 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .select_selectClassNames_container__1j26mgud {
+    container-name: select_selectContainer__1j26mgu0;
+    display: contents;
+  }
+  .select_selectClassNames_select__1j26mgue {
+    width: var(--width__1j26mgu3, fit-content);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .select_selectClassNames_label__1j26mguf {
+    color: var(--color__6yc0ri3);
+  }
+  .select_selectClassNames_description__1j26mguh {
+    color: var(--description-color__1j26mgu1);
+  }
+  .select_selectClassNames_error__1j26mgui {
+    color: var(--error-color__1j26mgu2);
+  }
+  .select_selectClassNames_value__1j26mguj {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .select_selectClassNames_toggle_button__1j26mgug {
+    font-family: var(--mono__ljimwq3i);
+    justify-content: space-between;
+  }
+}

package/dist/assets/components/switch/switch.css

@@ -0,0 +1,62 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .switch_switchClassNames_container__1j8i4wgh {
+    container-name: switch_switchContainer__1j8i4wg0;
+    width: fit-content;
+    display: block;
+  }
+  .switch_switchClassNames_switch__1j8i4wgi {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--gap__1j8i4wg7);
+    color: var(--color__1j8i4wg3);
+  }
+  .switch_switchClassNames_indicator__1j8i4wgk {
+    display: flex;
+    align-items: center;
+    padding: var(--gutter__1j8i4wg6);
+    border: 1px solid var(--border__1j8i4wg1, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__1j8i4wg2);
+  }
+  .switch_switchClassNames_indicator__1j8i4wgk::before {
+    content: "";
+    display: block;
+    width: var(--diameter__1j8i4wg5);
+    height: var(--diameter__1j8i4wg5);
+    border-radius: var(--round__ljimwq3g);
+    margin: 0 var(--travel__1j8i4wg8);
+    background: var(--indicator__1j8i4wg4);
+  }
+  @container style(--alignInput__1j8i4wg9: start) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      flex-direction: row-reverse;
+    }
+  }
+  @container style(--alignInput__1j8i4wg9: end) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      flex-direction: row;
+    }
+  }
+  @container style(--isReadOnly__1j8i4wgf: false) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      cursor: pointer;
+    }
+  }
+  @container style(--isDisabled__1j8i4wga: true) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--isSelected__1j8i4wgg: false) {
+    .switch_switchClassNames_indicator__1j8i4wgk::before {
+      transform: translateX(calc(var(--travel__1j8i4wg8) * -1));
+    }
+  }
+  @container style(--isSelected__1j8i4wgg: true) {
+    .switch_switchClassNames_indicator__1j8i4wgk::before {
+      transform: translateX(var(--travel__1j8i4wg8));
+    }
+  }
+}

package/dist/assets/components/tabs/tabs.css

@@ -0,0 +1,144 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .tabs_tabsClassNames_tabs__plnfe2t {
+    display: contents;
+  }
+  .tabs_tabsClassNames_list_container__plnfe2u {
+    container-name: tabs_tabsContainers_list__plnfe20;
+    display: contents;
+  }
+  .tabs_tabsClassNames_list_list__plnfe2v {
+    display: flex;
+    gap: var(--list-gap__plnfe27);
+    padding: var(--list-y__plnfe29, 0) var(--list-x__plnfe28, 0);
+  }
+  .tabs_tabsClassNames_tab_container__plnfe2w {
+    container-name: tabs_tabsContainers_tab__plnfe21;
+    display: contents;
+  }
+  .tabs_tabsClassNames_tab_tab__plnfe2x {
+    display: flex;
+    position: relative;
+    padding: var(--tab-y__plnfe2b, 0) var(--tab-x__plnfe2a, 0);
+    background: var(--background__plnfe24);
+    color: var(--color__plnfe26);
+    cursor: pointer;
+  }
+  .tabs_tabsClassNames_panels_container__plnfe2y {
+    container-name: tabs_tabsContainers_panels__plnfe22;
+    display: contents;
+  }
+  .tabs_tabsClassNames_panel_container__plnfe210 {
+    container-name: tabs_tabsContainers_panel__plnfe23;
+    display: contents;
+  }
+  @container style(--orientation__plnfe2f: horizontal) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      flex-direction: row;
+    }
+  }
+  @container style(--orientation__plnfe2f: vertical) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      flex-direction: column;
+    }
+  }
+  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-bottom-left-radius: var(--md__ljimwq3e);
+      border-bottom-right-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-left-radius: var(--md__ljimwq3e);
+      border-top-right-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-right-radius: var(--md__ljimwq3e);
+      border-bottom-right-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-left-radius: var(--md__ljimwq3e);
+      border-bottom-left-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--align__plnfe2c: start) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: flex-start;
+      text-align: left;
+    }
+  }
+  @container style(--align__plnfe2c: center) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: center;
+      text-align: center;
+    }
+  }
+  @container style(--align__plnfe2c: end) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: flex-end;
+      text-align: right;
+    }
+  }
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-top: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-top: 1px solid var(--border__plnfe25, transparent);
+    }
+  }
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-bottom: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-bottom: 1px solid var(--border__plnfe25, transparent);
+    }
+  }
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-left: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-left: 1px solid var(--border__plnfe25, transparent);
+    }
+  }
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-right: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-right: 1px solid var(--border__plnfe25, transparent);
+    }
+  }
+  @container style(--variant__plnfe2h: fill) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--isDisabled__plnfe2n: true) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--shouldForceMount__plnfe2o: true) {
+    .tabs_tabsClassNames_panels_panels__plnfe2z {
+      display: grid;
+      grid-template-areas: "panels";
+    }
+    .tabs_tabsClassNames_panel_panel__plnfe211 {
+      grid-area: panels;
+    }
+  }
+  @container style(--shouldForceMount__plnfe2o: true) and style(--isInert__plnfe2s: true) {
+    .tabs_tabsClassNames_panel_panel__plnfe211 {
+      pointer-events: none;
+      visibility: hidden;
+    }
+  }
+}

package/dist/assets/components/textarea/textarea.css

@@ -0,0 +1,32 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .textarea_textAreaClassNames_container__13oc1ofn {
+    container-name: textarea_textAreaContainer__13oc1of0;
+    display: contents;
+  }
+  .textarea_textAreaClassNames_textarea__13oc1ofo {
+    min-width: var(--minWidth__13oc1of4, auto);
+    width: var(--width__13oc1of5, 100%);
+    max-width: var(--maxWidth__13oc1of6, 100%);
+    min-height: var(--minHeight__13oc1of7, auto);
+    height: var(--height__13oc1of8, auto);
+    max-height: var(--maxHeight__13oc1of9, none);
+    display: block;
+    padding: var(--y__13oc1ofb, 0) var(--x__13oc1ofa, 0);
+    border: 1px solid var(--border__13oc1of2, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__13oc1of1);
+    font-family: var(--mono__ljimwq3i);
+    color: var(--color__13oc1of3);
+    overflow: auto;
+    resize: var(--resize__13oc1ofc);
+  }
+  .textarea_textAreaClassNames_textarea__13oc1ofo[contenteditable]:empty::before {
+    content: attr(data-placeholder);
+  }
+  @container style(--isDisabled__13oc1ofe: true) {
+    .textarea_textAreaClassNames_textarea__13oc1ofo {
+      cursor: not-allowed;
+    }
+  }
+}