@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

package/theme/reset.less

@@ -1,281 +0,0 @@
-/* stylelint-disable */
-html,
-body {
-  width: 100%;
-  height: 100%;
-}
-input::-ms-clear,
-input::-ms-reveal {
-  display: none;
-}
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-@-ms-viewport {
-  width: device-width;
-}
-body {
-  margin: 0;
-}
-[tabindex='-1']:focus {
-  outline: none;
-}
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 0.5em;
-  font-weight: 500;
-}
-p {
-  margin-top: 0;
-  margin-bottom: 1em;
-}
-abbr[title],
-abbr[data-original-title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-  border-bottom: 0;
-  cursor: help;
-}
-address {
-  margin-bottom: 1em;
-  font-style: normal;
-  line-height: inherit;
-}
-input[type='text'],
-input[type='password'],
-input[type='number'],
-textarea {
-  appearance: none;
-  -webkit-appearance: none;
-}
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1em;
-}
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-dt {
-  font-weight: 500;
-}
-dd {
-  margin-bottom: 0.5em;
-  margin-left: 0;
-}
-blockquote {
-  margin: 0 0 1em;
-}
-dfn {
-  font-style: italic;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-pre,
-code,
-kbd,
-samp {
-  font-size: 1em;
-  font-family:
-    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-}
-pre {
-  margin-top: 0;
-  margin-bottom: 1em;
-  overflow: auto;
-}
-figure {
-  margin: 0 0 1em;
-}
-img {
-  vertical-align: middle;
-  border-style: none;
-}
-a,
-area,
-button,
-[role='button'],
-input:not([type='range']),
-label,
-select,
-summary,
-textarea {
-  touch-action: manipulation;
-}
-table {
-  border-collapse: collapse;
-}
-caption {
-  padding-top: 0.75em;
-  padding-bottom: 0.3em;
-  text-align: left;
-  caption-side: bottom;
-}
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
-}
-button,
-input {
-  overflow: visible;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-html [type='button'],
-[type='reset'],
-[type='submit'] {
-  appearance: button;
-  -webkit-appearance: button;
-}
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type='radio'],
-input[type='checkbox'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-input[type='date'],
-input[type='time'],
-input[type='datetime-local'],
-input[type='month'] {
-  appearance: listbox;
-  -webkit-appearance: listbox;
-}
-textarea {
-  overflow: auto;
-  resize: vertical;
-}
-fieldset {
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-legend {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 0.5em;
-  padding: 0;
-  color: inherit;
-  font-size: 1.5em;
-  line-height: inherit;
-  white-space: normal;
-}
-progress {
-  vertical-align: baseline;
-}
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-[type='search'] {
-  outline-offset: -2px;
-  appearance: none;
-  -webkit-appearance: none;
-}
-[type='search']::-webkit-search-cancel-button,
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-output {
-  display: inline-block;
-}
-summary {
-  display: list-item;
-}
-template {
-  display: none;
-}
-[hidden] {
-  display: none !important;
-}
-mark {
-  padding: 0.2em;
-  background-color: #feffe6;
-}
-
-// scrolbar reset
-
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-corner {
-  background-color: var(--ap-scrollbar-track-color-hover, #f2f6f9);
-}
-
-::-webkit-scrollbar-thumb:hover,
-::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}

package/theme/scroll-bar/index.css

@@ -1,92 +0,0 @@
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}
-.aplus-scroll-bar {
-  position: relative;
-}
-.aplus-scroll-bar--horizontal {
-  width: 100%;
-  height: var(--aplus-scroll-bar-track-width, 10px);
-}
-.aplus-scroll-bar--vertical {
-  width: var(--aplus-scroll-bar-track-width, 10px);
-  height: 100%;
-}
-.aplus-scroll-bar__track {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  inset-inline-start: 0;
-  cursor: pointer;
-  background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
-}
-.aplus-scroll-bar__track--disabled {
-  pointer-events: none;
-  background-color: #FAFAFA;
-}
-.aplus-scroll-bar__track--hidden {
-  pointer-events: none;
-  background-color: transparent;
-}
-.aplus-scroll-bar__bar {
-  position: absolute;
-  border-radius: var(--aplus-scroll-bar-bar-width, 8px);
-  background-color: var(--aplus-scroll-bar-bar-color, #c7c8cc);
-  cursor: pointer;
-}
-.aplus-scroll-bar__bar--disabled {
-  pointer-events: none;
-  box-shadow: none;
-}
-.aplus-scroll-bar__bar--horizontal {
-  height: var(--aplus-scroll-bar-bar-width, 8px);
-  top: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
-}
-.aplus-scroll-bar__bar--vertical {
-  width: var(--aplus-scroll-bar-bar-width, 8px);
-  left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
-}

package/theme/scroll-bar/index.less

@@ -1,62 +0,0 @@
-@import '../mixins/mixins.less';
-@import '../mixins/config.less';
-
-@bar: ~'@{ns}-scroll-bar__bar--disabled';
-@bc: ~'--@{ns}-scroll-bar-bar-color';
-@tc: ~'--@{ns}-scroll-bar-track-color';
-@bw: ~'--@{ns}-scroll-bar-bar-width';
-@tw: ~'--@{ns}-scroll-bar-track-width';
-
-.b('scroll-bar', {
-  position: relative;
-
-  &--horizontal {
-    width: 100%;
-    height: var(@tw, 10px);
-  }
-
-  &--vertical {
-    width: var(@tw, 10px);
-    height: 100%;
-  }
-
-  &__track {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    inset-inline-start: 0;
-    cursor: pointer;
-    background-color:  var(@tc, #F2F2F2);
-    &--disabled {
-      pointer-events: none;
-      background-color: #FAFAFA;
-    }
-    &--hidden {
-      pointer-events: none;
-      background-color: transparent;
-    }
-  }
-
-  &__bar {
-    position: absolute;
-    border-radius: var(@bw, 8px);
-    background-color:  var(@bc, #c7c8cc);
-    cursor: pointer;
-
-    &--disabled {
-      pointer-events: none;
-      box-shadow: none;
-    }
-
-    &--horizontal {
-      height: var(@bw, 8px);
-      top: calc(var(@tw, 10px) / 2 - var(@bw, 8px) / 2);
-    }
-
-    &--vertical {
-      width: var(@bw, 8px);
-      left: calc(var(@tw, 10px) / 2 - var(@bw, 8px) / 2);
-    }
-  }
-});

package/theme/scroll-view/index.css

@@ -1,66 +0,0 @@
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}
-.aplus-scroll-view {
-  position: relative;
-  overflow: hidden;
-}
-.aplus-scroll-view__content {
-  display: inline-block;
-}
-.aplus-scroll-view__bar-wrapper {
-  position: absolute;
-}
-.aplus-scroll-view__bar-wrapper--horizontal {
-  left: 0;
-  bottom: 0;
-  width: 100%;
-}
-.aplus-scroll-view__bar-wrapper--vertical {
-  top: 0;
-  right: 0;
-  height: 100%;
-}

package/theme/scroll-view/index.less

@@ -1,23 +0,0 @@
-@import '../mixins/mixins.less';
-@import '../mixins/config.less';
-
-.b(scroll-view, {
-  position: relative;
-  overflow: hidden;
-  &__content {
-    display: inline-block;
-  }
-  &__bar-wrapper {
-    position: absolute;
-    &--horizontal {
-      left: 0;
-      bottom: 0;
-      width: 100%;
-    }
-    &--vertical {
-      top: 0;
-      right: 0;
-      height: 100%
-    }
-  }
-});