@gm-pc/react 1.27.0 → 1.27.1-beta.0

package/src/css/base.less

@@ -1,64 +1,64 @@
-* {
-  box-sizing: border-box;
-}
-
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-// stylelint-disable
-html,
-body {
-  font-family: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, 'Microsoft YaHei', FreeSans,
-    Arimo, 'Droid Sans', 'wenquanyi micro hei', 'Hiragino Sans GB', 'Hiragino Sans GB W3',
-    FontAwesome, sans-serif;
-  font-size: var(--gm-size-text-12);
-  font-weight: 400;
-  -webkit-font-smoothing: antialiased;
-  -webkit-overflow-scrolling: touch;
-  line-height: var(--gm-size-line-height);
-}
-// stylelint-enable
-
-::-webkit-input-placeholder {
-  color: var(--gm-color-desc);
-}
-
-// Reset fonts for relevant elements
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-// Links
-
-a {
-  color: var(--gm-color-link);
-  text-decoration: none;
-}
-
-// Figures
-//
-// We reset this here because previously Normalize had no `figure` margins. This
-// ensures we don't break anyone's use of the element.
-
-figure {
-  margin: 0;
-}
-
-// Images
-
-img {
-  vertical-align: middle;
-}
-
-// label
-
-label {
-  font-weight: normal;
-}
+* {
+  box-sizing: border-box;
+}
+
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+// stylelint-disable
+html,
+body {
+  font-family: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, 'Microsoft YaHei', FreeSans,
+    Arimo, 'Droid Sans', 'wenquanyi micro hei', 'Hiragino Sans GB', 'Hiragino Sans GB W3',
+    FontAwesome, sans-serif;
+  font-size: var(--gm-size-text-12);
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -webkit-overflow-scrolling: touch;
+  line-height: var(--gm-size-line-height);
+}
+// stylelint-enable
+
+::-webkit-input-placeholder {
+  color: var(--gm-color-desc);
+}
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+// Links
+
+a {
+  color: var(--gm-color-link);
+  text-decoration: none;
+}
+
+// Figures
+//
+// We reset this here because previously Normalize had no `figure` margins. This
+// ensures we don't break anyone's use of the element.
+
+figure {
+  margin: 0;
+}
+
+// Images
+
+img {
+  vertical-align: middle;
+}
+
+// label
+
+label {
+  font-weight: normal;
+}

package/src/css/bg.less

@@ -1,52 +1,52 @@
-// bg
-.gm-back-bg {
-  background-color: var(--gm-color-bg-back) !important;
-}
-
-.gm-bg {
-  background-color: var(--gm-color-bg-white) !important;
-}
-
-.gm-bg-white {
-  background: white !important;
-}
-
-.gm-bg-primary {
-  background: var(--gm-color-primary) !important;
-}
-
-.gm-bg-info {
-  background-color: #d9edf7 !important;
-}
-
-.gm-bg-invalid {
-  background-color: #ffd3cf !important;
-}
-
-.gm-bg-desc {
-  background-color: var(--gm-color-desc) !important;
-}
-
-.gm-bg-error {
-  background-color: var(--gm-color-danger) !important;
-}
-
-.gm-bg-hover-primary:hover {
-  color: var(--gm-color-primary) !important;
-  background: white !important;
-}
-
-.gm-bg-focus-primary:focus {
-  color: var(--gm-color-primary) !important;
-  background: white !important;
-}
-
-.gm-bg-hover-focus-primary:hover,
-.gm-bg-hover-focus-primary:focus {
-  color: var(--gm-color-primary) !important;
-  background: white !important;
-}
-
-.gm-hover-bg:hover {
-  background-color: var(--gm-color-bg-back) !important;
-}
+// bg
+.gm-back-bg {
+  background-color: var(--gm-color-bg-back) !important;
+}
+
+.gm-bg {
+  background-color: var(--gm-color-bg-white) !important;
+}
+
+.gm-bg-white {
+  background: white !important;
+}
+
+.gm-bg-primary {
+  background: var(--gm-color-primary) !important;
+}
+
+.gm-bg-info {
+  background-color: #d9edf7 !important;
+}
+
+.gm-bg-invalid {
+  background-color: #ffd3cf !important;
+}
+
+.gm-bg-desc {
+  background-color: var(--gm-color-desc) !important;
+}
+
+.gm-bg-error {
+  background-color: var(--gm-color-danger) !important;
+}
+
+.gm-bg-hover-primary:hover {
+  color: var(--gm-color-primary) !important;
+  background: white !important;
+}
+
+.gm-bg-focus-primary:focus {
+  color: var(--gm-color-primary) !important;
+  background: white !important;
+}
+
+.gm-bg-hover-focus-primary:hover,
+.gm-bg-hover-focus-primary:focus {
+  color: var(--gm-color-primary) !important;
+  background: white !important;
+}
+
+.gm-hover-bg:hover {
+  background-color: var(--gm-color-bg-back) !important;
+}

package/src/css/border.less

@@ -1,40 +1,40 @@
-// border
-.gm-border {
-  border: 1px solid var(--gm-color-border) !important;
-}
-
-.gm-border-0 {
-  border: none !important;
-}
-
-.gm-border-top {
-  border-top: 1px solid var(--gm-color-border) !important;
-}
-
-.gm-border-right {
-  border-right: 1px solid var(--gm-color-border) !important;
-}
-
-.gm-border-bottom {
-  border-bottom: 1px solid var(--gm-color-border) !important;
-}
-
-.gm-border-left {
-  border-left: 1px solid var(--gm-color-border) !important;
-}
-
-.gm-border-top-0 {
-  border-top: none !important;
-}
-
-.gm-border-right-0 {
-  border-right: none !important;
-}
-
-.gm-border-bottom-0 {
-  border-bottom: none !important;
-}
-
-.gm-border-left-0 {
-  border-left: none !important;
-}
+// border
+.gm-border {
+  border: 1px solid var(--gm-color-border) !important;
+}
+
+.gm-border-0 {
+  border: none !important;
+}
+
+.gm-border-top {
+  border-top: 1px solid var(--gm-color-border) !important;
+}
+
+.gm-border-right {
+  border-right: 1px solid var(--gm-color-border) !important;
+}
+
+.gm-border-bottom {
+  border-bottom: 1px solid var(--gm-color-border) !important;
+}
+
+.gm-border-left {
+  border-left: 1px solid var(--gm-color-border) !important;
+}
+
+.gm-border-top-0 {
+  border-top: none !important;
+}
+
+.gm-border-right-0 {
+  border-right: none !important;
+}
+
+.gm-border-bottom-0 {
+  border-bottom: none !important;
+}
+
+.gm-border-left-0 {
+  border-left: none !important;
+}

package/src/css/cursor.less

@@ -1,19 +1,19 @@
-.gm-cursor {
-  cursor: pointer;
-
-  &[disabled] {
-    cursor: not-allowed;
-  }
-}
-
-.gm-not-allowed {
-  cursor: not-allowed;
-}
-
-.gm-cursor-grab {
-  cursor: grab;
-
-  &[disabled] {
-    cursor: not-allowed;
-  }
-}
+.gm-cursor {
+  cursor: pointer;
+
+  &[disabled] {
+    cursor: not-allowed;
+  }
+}
+
+.gm-not-allowed {
+  cursor: not-allowed;
+}
+
+.gm-cursor-grab {
+  cursor: grab;
+
+  &[disabled] {
+    cursor: not-allowed;
+  }
+}

package/src/css/display.less

@@ -1,16 +1,16 @@
-// display
-.gm-block {
-  display: block !important;
-}
-
-.gm-inline-block {
-  display: inline-block !important;
-}
-
-.gm-inline {
-  display: inline !important;
-}
-
-.gm-hidden {
-  display: none !important;
-}
+// display
+.gm-block {
+  display: block !important;
+}
+
+.gm-inline-block {
+  display: inline-block !important;
+}
+
+.gm-inline {
+  display: inline !important;
+}
+
+.gm-hidden {
+  display: none !important;
+}

package/src/css/distance.less

@@ -1,93 +1,93 @@
-.generate-gap(@num, @name, @i: 0) when (@i =< @num) {
-  .@{name}-@{i} {
-    @{name}: 1px * @i !important;
-  }
-
-  .generate-gap(@num, @name, (@i + 5));
-}
-
-.generate-gap-more-direction(@num, @name, @direction1, @direction2, @i: 0)
-  when
-  (@i =< @num) {
-  .@{name}-@{i} {
-    @{direction1}: 1px * @i !important;
-    @{direction2}: 1px * @i !important;
-  }
-
-  .generate-gap-more-direction(@num, @name, @direction1, @direction2, (@i + 4));
-}
-
-@size: {
-  0: 0;
-  5: 5px;
-  10: 10px;
-  15: 15px;
-  20: 20px;
-  40: 40px;
-};
-
-each(@size, {
-  .gm-gap-@{key} {
-    display: inline-block !important;
-    height: @value !important;
-    width: @value !important;
-  }
-
-  .gm-padding-@{key} {
-    padding: @value !important;
-  }
-
-  .gm-padding-top-@{key} {
-    padding-top: @value !important;
-  }
-
-  .gm-padding-bottom-@{key} {
-    padding-bottom: @value !important;
-  }
-  .gm-padding-left-@{key} {
-    padding-left: @value !important;
-  }
-
-  .gm-padding-right-@{key} {
-    padding-right: @value !important;
-  }
-
-  .gm-padding-lr-@{key} {
-    padding-left: @value !important;
-    padding-right: @value !important;
-  }
-
-  .gm-padding-tb-@{key} {
-    padding-top: @value !important;
-    padding-bottom: @value !important;
-  }
-
-  .gm-margin-@{key} {
-    margin: @value !important;
-  }
-
-  .gm-margin-top-@{key} {
-    margin-top: @value !important;
-  }
-
-  .gm-margin-bottom-@{key} {
-    margin-bottom: @value !important;
-  }
-  .gm-margin-left-@{key} {
-    margin-left: @value !important;
-  }
-
-  .gm-margin-right-@{key} {
-    margin-right: @value !important;
-  }
-
-  .gm-margin-lr-@{key} {
-    margin-left: @value !important;
-    margin-right: @value !important;
-  }
-
-  .gm-margin-tb-@{key} {
-    margin-top: @value !important;
-    margin-bottom: @value !important;
-  }
-});
+.generate-gap(@num, @name, @i: 0) when (@i =< @num) {
+  .@{name}-@{i} {
+    @{name}: 1px * @i !important;
+  }
+
+  .generate-gap(@num, @name, (@i + 5));
+}
+
+.generate-gap-more-direction(@num, @name, @direction1, @direction2, @i: 0)
+  when
+  (@i =< @num) {
+  .@{name}-@{i} {
+    @{direction1}: 1px * @i !important;
+    @{direction2}: 1px * @i !important;
+  }
+
+  .generate-gap-more-direction(@num, @name, @direction1, @direction2, (@i + 4));
+}
+
+@size: {
+  0: 0;
+  5: 5px;
+  10: 10px;
+  15: 15px;
+  20: 20px;
+  40: 40px;
+};
+
+each(@size, {
+  .gm-gap-@{key} {
+    display: inline-block !important;
+    height: @value !important;
+    width: @value !important;
+  }
+
+  .gm-padding-@{key} {
+    padding: @value !important;
+  }
+
+  .gm-padding-top-@{key} {
+    padding-top: @value !important;
+  }
+
+  .gm-padding-bottom-@{key} {
+    padding-bottom: @value !important;
+  }
+  .gm-padding-left-@{key} {
+    padding-left: @value !important;
+  }
+
+  .gm-padding-right-@{key} {
+    padding-right: @value !important;
+  }
+
+  .gm-padding-lr-@{key} {
+    padding-left: @value !important;
+    padding-right: @value !important;
+  }
+
+  .gm-padding-tb-@{key} {
+    padding-top: @value !important;
+    padding-bottom: @value !important;
+  }
+
+  .gm-margin-@{key} {
+    margin: @value !important;
+  }
+
+  .gm-margin-top-@{key} {
+    margin-top: @value !important;
+  }
+
+  .gm-margin-bottom-@{key} {
+    margin-bottom: @value !important;
+  }
+  .gm-margin-left-@{key} {
+    margin-left: @value !important;
+  }
+
+  .gm-margin-right-@{key} {
+    margin-right: @value !important;
+  }
+
+  .gm-margin-lr-@{key} {
+    margin-left: @value !important;
+    margin-right: @value !important;
+  }
+
+  .gm-margin-tb-@{key} {
+    margin-top: @value !important;
+    margin-bottom: @value !important;
+  }
+});

package/src/css/error.less

@@ -1,8 +1,8 @@
-.gm-has-error {
-  color: var(--gm-color-danger);
-
-  // more select
-  .gm-more-select-selected {
-    border-color: var(--gm-color-danger) !important;
-  }
-}
+.gm-has-error {
+  color: var(--gm-color-danger);
+
+  // more select
+  .gm-more-select-selected {
+    border-color: var(--gm-color-danger) !important;
+  }
+}

package/src/css/other.less

@@ -1,15 +1,15 @@
-// stylelint-disable
-.gm-number-family {
-  font-family: Helvetica;
-}
-// stylelint-enable
-
-.gm-form-control {
-  .gmFormControl();
-
-  .gmDisabledBgWith();
-
-  &.gm-form-control-text-sm {
-    font-size: var(--gm-size-text-sm);
-  }
-}
+// stylelint-disable
+.gm-number-family {
+  font-family: Helvetica;
+}
+// stylelint-enable
+
+.gm-form-control {
+  .gmFormControl();
+
+  .gmDisabledBgWith();
+
+  &.gm-form-control-text-sm {
+    font-size: var(--gm-size-text-sm);
+  }
+}

package/src/css/overflow.less

@@ -1,23 +1,23 @@
-.gm-overflow {
-  overflow: auto;
-}
-
-.gm-overflow-hidden {
-  overflow: hidden;
-}
-
-.gm-overflow-x {
-  overflow-x: auto;
-}
-
-.gm-overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.gm-overflow-y {
-  overflow-y: auto;
-}
-
-.gm-overflow-y-hidden {
-  overflow-y: hidden;
-}
+.gm-overflow {
+  overflow: auto;
+}
+
+.gm-overflow-hidden {
+  overflow: hidden;
+}
+
+.gm-overflow-x {
+  overflow-x: auto;
+}
+
+.gm-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.gm-overflow-y {
+  overflow-y: auto;
+}
+
+.gm-overflow-y-hidden {
+  overflow-y: hidden;
+}

package/src/css/position.less

@@ -1,11 +1,11 @@
-.gm-position-fixed {
-  position: fixed;
-}
-
-.gm-position-absolute {
-  position: absolute;
-}
-
-.gm-position-relative {
-  position: relative;
-}
+.gm-position-fixed {
+  position: fixed;
+}
+
+.gm-position-absolute {
+  position: absolute;
+}
+
+.gm-position-relative {
+  position: relative;
+}