@newlogic-digital/ui 3.4.2 → 3.5.0

package/src/styles/Ui/Select.css

@@ -1,137 +0,0 @@
-.ui-select {
-  &:--state-active {
-    & label {
-      transform: translateY(calc(var(--ui-input-size) / 1.4 * -1)) scale(0.8);
-    }
-  }
-
-  &::after {
-    width: 1em;
-    height: 1em;
-    background-color: currentColor;
-    content: "";
-    position: absolute;
-    z-index: 1;
-    font-size: 1.5rem;
-    right: calc(var(--ui-input-height) / 4);
-    top: calc(var(--ui-input-height) / 2);
-    margin-top: -0.75rem;
-    will-change: transform;
-    transition: transform 200ms;
-    mask: var(--icon-angle-down);
-    pointer-events: none;
-
-    @nest :--state-focus& {
-      @nest .no-touch:not(.macintel) & {
-        transform: rotate(180deg);
-      }
-    }
-  }
-
-  & select {
-    position: relative;
-    z-index: 1;
-    text-overflow: ellipsis;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    cursor: pointer;
-    user-select: none;
-
-    @nest [tabindex]& {
-      pointer-events: none;
-    }
-
-    @nest [tabindex]:--state-focus& {
-      --ui-input-border-opacity: 1;
-      --ui-input-border-color: var(--color-accent);
-
-      box-shadow:
-        0 0 0 0 rgb(var(--color-current)),
-        0 0 0 3px rgb(var(--color-accent) / 0.15),
-        0 1px 2px 0 rgb(var(--color-current) / 0.05);
-
-      @nest .dark & {
-        box-shadow:
-          0 0 0 0 rgb(var(--color-current)),
-          0 0 0 3px rgb(var(--color-accent) / 0.3),
-          0 1px 2px 0 rgb(var(--color-current) / 0.05);
-      }
-    }
-
-    @nest :not(:--state-active)& {
-      &:not([data-placeholder]) {
-        font-size: 0;
-      }
-    }
-
-    &:focus {
-      outline: 0;
-    }
-
-    &:-moz-focusring {
-      color: inherit;
-      text-shadow: 0 0 0 #000;
-    }
-  }
-
-  & option {
-    font-size: var(--ui-input-size);
-    color: rgb(var(--color-default));
-    background-color: rgb(var(--color-background));
-
-    &[disabled] {
-      opacity: 0.5;
-    }
-  }
-
-  & > [class^="icon-"] {
-    &.icon-r {
-      right: calc(var(--ui-input-px) + var(--ui-input-icon-size) + var(--ui-input-icon-spacing));
-    }
-  }
-
-  & > div[aria-hidden] {
-    --color-current: var(--color-default);
-
-    will-change: transform;
-    border-radius: var(--ui-input-radius);
-    position: absolute;
-    background-color: rgb(var(--color-background));
-    z-index: 100;
-    left: 0;
-    right: 0;
-    top: 100%;
-    margin-top: 0.5rem;
-    border: 1px solid rgb(var(--color-current) / 0.075);
-    transform: scaleY(0);
-    opacity: 0;
-    transition: var(--transition-opacity), var(--transition-transform);
-    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
-    transition-duration: 200ms;
-    backface-visibility: hidden;
-    transform-origin: center top;
-    user-select: none;
-    max-height: 12rem;
-    overflow-y: auto;
-    box-shadow: 0 0.15em 1.5em 0 rgb(var(--color-dark) / 0.05), 0 0 1em 0 rgb(var(--color-dark) / 0.05);
-    padding: 0.375rem;
-    color: rgb(var(--color-current));
-
-    @nest [data-state*="focus"]& {
-      opacity: 1;
-      transform: none;
-    }
-
-    & [data-option] {
-      padding: calc(var(--ui-input-px) / 1.5) var(--ui-input-px);
-      cursor: pointer;
-      transition: var(--transition-background);
-      font-size: var(--ui-input-size);
-      border-radius: var(--radius);
-
-      @nest .no-touch &:is(:hover, :focus-visible) {
-        background-color: rgb(var(--color-accent) / 0.1);
-      }
-    }
-  }
-}

package/src/styles/Utils/normalize.css

@@ -1,223 +0,0 @@
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size (opinionated).
-*/
-
-html {
-  -webkit-text-size-adjust: 100%; /* 2 */
-  tab-size: 4; /* 3 */
-}
-
-/*
-Sections
-========
-*/
-
-/**
-1. Remove the margin in all browsers.
-*/
-
-body {
-  margin: 0; /* 1 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-  text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: var(--font-bold);
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family:
-          ui-monospace,
-          SFMono-Regular,
-          Consolas,
-          'Liberation Mono',
-          Menlo,
-          monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
-Remove the inner border and padding in Firefox.
-*/
-
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-  padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}

package/src/styles/Utils/tailwind/+.css

@@ -1,3 +0,0 @@
-@import "base.css";
-@import "gutters.css";
-@import "utilities.css";

package/src/styles/Utils/tailwind/base.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/styles/Utils/tailwind/gutters.css

@@ -1,346 +0,0 @@
-@layer utilities {
-  .row {
-    --gx: 0rem;
-    --gy: 0rem;
-
-    display: flex;
-    margin: calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2);
-
-    & > * {
-      padding: calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2);
-    }
-  }
-
-  .row-y {
-    --gy: 0rem;
-
-    display: flex;
-    margin-top: calc(var(--gy) / -2);
-    margin-bottom: calc(var(--gy) / -2);
-
-    & > * {
-      padding-top: calc(var(--gy) / 2);
-      padding-bottom: calc(var(--gy) / 2);
-    }
-  }
-
-  .row-x {
-    --gx: 0rem;
-
-    display: flex;
-    margin-left: calc(var(--gx) / -2);
-    margin-right: calc(var(--gx) / -2);
-
-    & > * {
-      padding-left: calc(var(--gx) / 2);
-      padding-right: calc(var(--gx) / 2);
-    }
-  }
-
-  .col {
-    display: flex;
-
-    &:not([class*="flex-row"]) {
-      flex-direction: column;
-    }
-  }
-
-  .g-0 {
-    --gx: 0rem;
-    --gy: 0rem;
-  }
-
-  .g-1 {
-    --gx: 0.25rem;
-    --gy: 0.25rem;
-  }
-
-  .g-2 {
-    --gx: 0.5rem;
-    --gy: 0.5rem;
-  }
-
-  .g-3 {
-    --gx: 0.75rem;
-    --gy: 0.75rem;
-  }
-
-  .g-4 {
-    --gx: 1rem;
-    --gy: 1rem;
-  }
-
-  .g-5 {
-    --gx: 1.25rem;
-    --gy: 1.25rem;
-  }
-
-  .g-6 {
-    --gx: 1.5rem;
-    --gy: 1.5rem;
-  }
-
-  .g-7 {
-    --gx: 1.75rem;
-    --gy: 1.75rem;
-  }
-
-  .g-8 {
-    --gx: 2rem;
-    --gy: 2rem;
-  }
-
-  .g-9 {
-    --gx: 2.25rem;
-    --gy: 2.25rem;
-  }
-
-  .g-10 {
-    --gx: 2.5rem;
-    --gy: 2.5rem;
-  }
-
-  .g-11 {
-    --gx: 2.75rem;
-    --gy: 2.75rem;
-  }
-
-  .g-12 {
-    --gx: 3rem;
-    --gy: 3rem;
-  }
-
-  .g-14 {
-    --gx: 3.5rem;
-    --gy: 3.5rem;
-  }
-
-  .g-16 {
-    --gx: 4rem;
-    --gy: 4rem;
-  }
-
-  .g-20 {
-    --gx: 5rem;
-    --gy: 5rem;
-  }
-
-  .g-24 {
-    --gx: 6rem;
-    --gy: 6rem;
-  }
-
-  .g-28 {
-    --gx: 7rem;
-    --gy: 7rem;
-  }
-
-  .g-32 {
-    --gx: 8rem;
-    --gy: 8rem;
-  }
-
-  .gx-0 {
-    --gx: 0;
-  }
-
-  .gx-1 {
-    --gx: 0.25rem;
-  }
-
-  .gx-2 {
-    --gx: 0.5rem;
-  }
-
-  .gx-3 {
-    --gx: 0.75rem;
-  }
-
-  .gx-4 {
-    --gx: 1rem;
-  }
-
-  .gx-5 {
-    --gx: 1.25rem;
-  }
-
-  .gx-6 {
-    --gx: 1.5rem;
-  }
-
-  .gx-7 {
-    --gx: 1.75rem;
-  }
-
-  .gx-8 {
-    --gx: 2rem;
-  }
-
-  .gx-9 {
-    --gx: 2.25rem;
-  }
-
-  .gx-10 {
-    --gx: 2.5rem;
-  }
-
-  .gx-11 {
-    --gx: 2.75rem;
-  }
-
-  .gx-12 {
-    --gx: 3rem;
-  }
-
-  .gx-14 {
-    --gx: 3.5rem;
-  }
-
-  .gx-16 {
-    --gx: 4rem;
-  }
-
-  .gx-20 {
-    --gx: 5rem;
-  }
-
-  .gx-24 {
-    --gx: 6rem;
-  }
-
-  .gx-28 {
-    --gx: 7rem;
-  }
-
-  .gx-32 {
-    --gx: 8rem;
-  }
-
-  .gy-0 {
-    --gy: 0;
-  }
-
-  .gy-1 {
-    --gy: 0.25rem;
-  }
-
-  .gy-2 {
-    --gy: 0.5rem;
-  }
-
-  .gy-3 {
-    --gy: 0.75rem;
-  }
-
-  .gy-4 {
-    --gy: 1rem;
-  }
-
-  .gy-5 {
-    --gy: 1.25rem;
-  }
-
-  .gy-6 {
-    --gy: 1.5rem;
-  }
-
-  .gy-7 {
-    --gy: 1.75rem;
-  }
-
-  .gy-8 {
-    --gy: 2rem;
-  }
-
-  .gy-9 {
-    --gy: 2.25rem;
-  }
-
-  .gy-10 {
-    --gy: 2.5rem;
-  }
-
-  .gy-11 {
-    --gy: 2.75rem;
-  }
-
-  .gy-12 {
-    --gy: 3rem;
-  }
-
-  .gy-14 {
-    --gy: 3.5rem;
-  }
-
-  .gy-16 {
-    --gy: 4rem;
-  }
-
-  .gy-20 {
-    --gy: 5rem;
-  }
-
-  .gy-24 {
-    --gy: 6rem;
-  }
-
-  .gy-28 {
-    --gy: 7rem;
-  }
-
-  .gy-32 {
-    --gy: 8rem;
-  }
-
-  .col-auto {
-    width: auto;
-  }
-
-  .col-1 {
-    width: 8.3333%;
-  }
-
-  .col-2 {
-    width: 16.6667%;
-  }
-
-  .col-3 {
-    width: 25%;
-  }
-
-  .col-4 {
-    width: 33.3333%;
-  }
-
-  .col-5 {
-    width: 41.6667%;
-  }
-
-  .col-6 {
-    width: 50%;
-  }
-
-  .col-7 {
-    width: 58.3333%;
-  }
-
-  .col-8 {
-    width: 66.6667%;
-  }
-
-  .col-9 {
-    width: 75%;
-  }
-
-  .col-10 {
-    width: 83.3333%;
-  }
-
-  .col-11 {
-    width: 91.6667%;
-  }
-
-  .col-12 {
-    width: 100%;
-  }
-}