@accelint/design-system 0.1.0 → 0.2.0

package/dist/assets/src/components/tabs/tabs.css.ts.vanilla-BygIflpl.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/src/components/textarea/textarea.css.ts.vanilla-Ba6E5HFc.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;
+    }
+  }
+}

package/dist/assets/src/components/tooltip/tooltip.css.ts.vanilla-BntxAlwN.css

@@ -0,0 +1,54 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .tooltip_tooltipClassNames_tooltip_container__sg5iyrd {
+    container-name: tooltip_tooltipContainers_tooltip__sg5iyr0;
+    display: block;
+    z-index: var(--tooltip__ljimwq5c) !important;
+  }
+  .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+    padding: var(--y__sg5iyr3, 0) var(--x__sg5iyr2, 0);
+    border-radius: var(--md__ljimwq3e);
+    text-align: center;
+  }
+  .tooltip_tooltipClassNames_target_container__sg5iyrf {
+    container-name: tooltip_tooltipContainers_target__sg5iyr1;
+    display: contents;
+  }
+  .tooltip_tooltipClassNames_target_target__sg5iyrg {
+    width: fit-content;
+  }
+  .tooltip_tooltipClassNames_target_target__sg5iyrg::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  @container style(--placement__sg5iyr7: top) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-bottom: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: right) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-left: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: bottom) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-top: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: left) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-right: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--relative__sg5iyrc: self) {
+    .tooltip_tooltipClassNames_target_target__sg5iyrg {
+      position: relative;
+    }
+  }
+}

package/dist/assets/src/components/tree/tree.css.ts.vanilla-SLmhk0zZ.css

@@ -0,0 +1,157 @@
+@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 {
+  .tree_treeClassNames_tree_container__kbtjn31b {
+    container-name: tree_treeContainers_tree__kbtjn30;
+    display: contents;
+  }
+  .tree_treeClassNames_empty__kbtjn31c {
+    padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
+    border: 1px dashed var(--indicator-border__kbtjn37, transparent);
+    border-radius: var(--sm__ljimwq3d);
+    background: var(--indicator-background__kbtjn36);
+    color: var(--indicator-color__kbtjn38);
+    text-align: center;
+  }
+  .tree_treeClassNames_group__kbtjn31d {
+    container-name: tree_treeContainers_group__kbtjn31;
+    grid-area: group;
+  }
+  .tree_treeClassNames_indicator_indicator__kbtjn31e {
+    outline: 1px solid var(--indicator-border__kbtjn37, transparent);
+  }
+  .tree_treeClassNames_item_container__kbtjn31f {
+    container-name: tree_treeContainers_item__kbtjn32;
+  }
+  .tree_treeClassNames_item_item__kbtjn31g {
+    display: grid;
+    grid-template-areas: "lines bar" "lines group";
+    grid-template-columns: auto 1fr;
+    align-items: center;
+  }
+  .tree_treeClassNames_item_bar__kbtjn31h {
+    display: grid;
+    grid-area: bar;
+    grid-template-areas: "visibility expansion description space actions selection drag";
+    grid-template-columns: auto auto auto 1fr auto auto auto;
+    align-items: center;
+    gap: var(--bar-x__kbtjn39);
+    padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
+    border: 1px solid var(--bar-border__kbtjn34, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--bar-background__kbtjn33);
+    color: var(--bar-color__kbtjn35);
+  }
+  .tree_treeClassNames_item_description__kbtjn31m {
+    grid-area: description;
+    padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
+  }
+  @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
+    .tree_treeClassNames_item_description__kbtjn31m {
+      cursor: pointer;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .tree_treeClassNames_item_lines_container__kbtjn31i {
+    height: 100%;
+    position: relative;
+    display: flex;
+    grid-area: lines;
+    align-items: flex-start;
+    margin-left: var(--bar-x__kbtjn39);
+    pointer-events: none;
+  }
+  .tree_treeClassNames_item_lines_container__kbtjn31i::before {
+    content: "";
+    width: 1px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 50%;
+    background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: left -1px;
+    background-repeat: repeat-y;
+    background-size: 1px 4px;
+  }
+  .tree_treeClassNames_item_lines_button__kbtjn31j {
+    position: relative;
+    background: none;
+    border: 1px solid transparent;
+    margin-top: var(--bar-y__kbtjn3a);
+  }
+  .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+    content: "";
+    width: 50%;
+    height: 1px;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: -1px top;
+    background-repeat: repeat-x;
+    background-size: 4px 1px;
+  }
+  .tree_treeClassNames_item_visibility_container__kbtjn31k {
+    grid-area: visibility;
+  }
+  .tree_treeClassNames_item_expansion_container__kbtjn31l {
+    grid-area: expansion;
+  }
+  .tree_treeClassNames_item_actions_container__kbtjn31n {
+    grid-area: actions;
+  }
+  .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+    grid-area: selection;
+  }
+  .tree_treeClassNames_item_drag_container__kbtjn31p {
+    grid-area: drag;
+  }
+  @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_container__kbtjn31i::before {
+      display: none;
+    }
+  }
+  @container style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      content: "";
+      width: 1px;
+      position: absolute;
+      top: calc(var(--bar-y__kbtjn3a) * -1);
+      bottom: 50%;
+      left: 50%;
+      background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+      background-position: left -1px;
+      background-repeat: repeat-y;
+      background-size: 1px 4px;
+    }
+  }
+  @container style(--showTreeLines__kbtjn3i: false) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      display: none;
+    }
+    .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+      display: none;
+    }
+  }
+  @container style(--allowsVisibility__kbtjn3h: false) {
+    .tree_treeClassNames_item_visibility_container__kbtjn31k {
+      display: none;
+    }
+  }
+  @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
+    .tree_treeClassNames_item_expansion_container__kbtjn31l {
+      display: none;
+    }
+  }
+  @container style(--selectionMode__kbtjn3v: none) {
+    .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+      display: none;
+    }
+  }
+  @container style(--allowsDragging__kbtjn3f: false) {
+    .tree_treeClassNames_item_drag_container__kbtjn31p {
+      display: none;
+    }
+  }
+}

package/dist/assets/src/hooks/use-theme/use-theme.css.ts.vanilla-zkVHnGkP.css

@@ -0,0 +1,6 @@
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  .use-theme_root__5ipw7a0 {
+    display: contents;
+  }
+}

package/dist/assets/src/styles/layers.css.ts.vanilla-B2GUgnOF.css

@@ -0,0 +1,21 @@
+@layer layers_reset__qkbqqj0;
+@layer layers_framework__qkbqqj1;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l1__qkbqqj3;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l2__qkbqqj4;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l3__qkbqqj5;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l4__qkbqqj6;
+@layer layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l5__qkbqqj7;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9;
+@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.l3__qkbqqjc;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l4__qkbqqjd;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l5__qkbqqje;
+@layer layers_overrides__qkbqqjf;
+@layer layers_overrides__qkbqqjf.layers_overrides.l1__qkbqqjg;
+@layer layers_overrides__qkbqqjf.layers_overrides.l2__qkbqqjh;
+@layer layers_overrides__qkbqqjf.layers_overrides.l3__qkbqqji;
+@layer layers_overrides__qkbqqjf.layers_overrides.l4__qkbqqjj;
+@layer layers_overrides__qkbqqjf.layers_overrides.l5__qkbqqjk;

package/dist/assets/src/styles/reset.css.ts.vanilla-C8PShXm0.css

@@ -0,0 +1,31 @@
+@layer layers_reset__qkbqqj0;
+@layer layers_reset__qkbqqj0 {
+  * {
+    margin: 0;
+  }
+  *, *::before, *::after {
+    box-sizing: border-box;
+  }
+  :focus-visible {
+    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);
+  }
+  body {
+    -webkit-font-smoothing: antialiased;
+    font-family: var(--sans__ljimwq3j);
+  }
+  img, picture, video, canvas, svg {
+    display: block;
+  }
+  input, button, textarea, select {
+    font: inherit;
+    letter-spacing: inherit;
+  }
+  h1, h2, h3, h4, h5, h6, p {
+    overflow-wrap: break-word;
+  }
+  code {
+    font-family: var(--mono__ljimwq3i);
+  }
+}

package/dist/assets/src/styles/space.css.ts.vanilla-Md6Whc4G.css

@@ -0,0 +1,18 @@
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom: var(--heading__ljimwq36);
+  }
+  p {
+    margin-bottom: var(--paragraph__ljimwq37);
+  }
+  ol, ul {
+    margin-bottom: var(--list-group__ljimwq38);
+  }
+  li {
+    margin-bottom: var(--list-item__ljimwq39);
+  }
+  :last-child {
+    margin-bottom: var(--lastChild__ljimwq3a);
+  }
+}

package/dist/assets/src/styles/surfaces.css.ts.vanilla-Ckztx7VT.css

@@ -0,0 +1,24 @@
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  .surfaces_flush__15mw6jf0 {
+    background: var(--default-surface__ljimwq2k);
+    color: var(--default-color__ljimwq2m);
+  }
+  .surfaces_proud__15mw6jf1 {
+    box-shadow: var(--raised-shadow__ljimwq2o);
+  }
+  .surfaces_flush__15mw6jf2 {
+    background: var(--raised-surface__ljimwq2n);
+    color: var(--raised-color__ljimwq2p);
+  }
+  .surfaces_proud__15mw6jf3 {
+    box-shadow: var(--raised-shadow__ljimwq2o);
+  }
+  .surfaces_flush__15mw6jf4 {
+    background: var(--overlay-surface__ljimwq2q);
+    color: var(--overlay-color__ljimwq2s);
+  }
+  .surfaces_proud__15mw6jf5 {
+    box-shadow: var(--overlay-shadow__ljimwq2r);
+  }
+}