@ripple-design/rui 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/index.js +96 -32
  2. package/dist/components/textField/RTextField.vue.d.ts +11 -1
  3. package/dist/components/textField/RTextInput.vue.d.ts +11 -2
  4. package/dist/components/textField/components/RFloatingLabel.vue.d.ts +4 -0
  5. package/dist/components/textField/components/RNotchedOutline.vue.d.ts +2 -1
  6. package/dist/components/textField/components/RTextFieldShell.vue.d.ts +2 -1
  7. package/dist/components/textField/types.d.ts +15 -1
  8. package/dist/rui.css +1 -1
  9. package/package.json +5 -8
package/dist/components/index.js CHANGED
@@ -1,45 +1,109 @@
1
- import { createBlock as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, renderSlot as o, withCtx as s } from "vue";
2
- //#region src/components/textField/RTextInput.vue?vue&type=script&setup=true&lang.ts
3
- var c = {
4
- key: 0,
5
- class: "rui-text-input"
6
- }, l = {
7
- key: 1,
8
- class: "rui-text-input"
9
- }, u = /*@__PURE__*/ i({
10
- __name: "RTextInput",
11
- props: { textArea: {
12
- type: Boolean,
13
- default: !1
14
- } },
1
+ import { computed as e, createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useModel as m, vModelText as h, withCtx as g, withDirectives as _ } from "vue";
2
+ //#region src/components/textField/components/RFloatingLabel.vue?vue&type=script&setup=true&lang.ts
3
+ var v = /*@__PURE__*/ a({
4
+ __name: "RFloatingLabel",
5
+ props: {
6
+ floatAbove: { type: Boolean },
7
+ label: {}
8
+ },
15
9
  setup(e) {
16
- return (n, r) => e.textArea ? (a(), t("textarea", l)) : (a(), t("input", c));
10
+ return (t, r) => (u(), n("span", { class: s(["rui-floating-label", { "rui-floating-label--float-above": e.floatAbove }]) }, p(e.label), 3));
17
11
  }
18
- }), d = (e, t) => {
12
+ }), y = (e, t) => {
19
13
  let n = e.__vccOpts || e;
20
14
  for (let [e, r] of t) n[e] = r;
21
15
  return n;
22
- }, f = /*#__PURE__*/ d(u, [["__scopeId", "data-v-6382a243"]]), p = {}, m = { class: "rui-notched-outline" };
23
- function h(e, r) {
24
- return a(), t("span", m, [...r[0] ||= [
25
- n("span", { class: "rui-notched-outline__leading" }, null, -1),
26
- n("span", { class: "rui-notched-outline__notch" }, null, -1),
27
- n("span", { class: "rui-notched-outline__trailing" }, null, -1)
28
- ]]);
29
- }
30
- var g = /*#__PURE__*/ d(p, [["render", h], ["__scopeId", "data-v-5b53b5c5"]]), _ = { class: "rui-text-field-shell rui-text-field-shell--outlined" }, v = /*#__PURE__*/ d(/* @__PURE__ */ i({
16
+ }, b = /*#__PURE__*/ y(v, [["__scopeId", "data-v-5c46cc9c"]]), x = { class: "rui-notched-outline" }, S = /*#__PURE__*/ y(/* @__PURE__ */ a({
17
+ __name: "RNotchedOutline",
18
+ props: {
19
+ focused: { type: Boolean },
20
+ label: {}
21
+ },
22
+ setup(t) {
23
+ let a = t, o = d(null), s = d(0), f = e(() => a.focused ? s.value + "px" : "0px");
24
+ return l(() => {
25
+ o.value && (console.log(o.value.offsetWidth), s.value = o.value.offsetWidth);
26
+ }), (e, a) => (u(), n("span", x, [
27
+ a[2] ||= r("span", { class: "rui-notched-outline__leading" }, null, -1),
28
+ r("span", {
29
+ class: "rui-notched-outline__label-space",
30
+ style: c({ width: s.value + "px" })
31
+ }, [
32
+ a[0] ||= r("span", { class: "rui-notched-outline__label-space__leading" }, null, -1),
33
+ r("span", {
34
+ class: "rui-notched-outline__label-space__notch",
35
+ style: c({ width: f.value })
36
+ }, null, 4),
37
+ a[1] ||= r("span", { class: "rui-notched-outline__label-space__trailing" }, null, -1),
38
+ r("span", {
39
+ class: "rui-notched-outline__label-space__shadow-label",
40
+ ref_key: "shadowLabelRef",
41
+ ref: o
42
+ }, p(t.label), 513)
43
+ ], 4),
44
+ a[3] ||= r("span", { class: "rui-notched-outline__trailing" }, null, -1),
45
+ i(b, {
46
+ class: "rui-notched-outline__label",
47
+ "float-above": t.focused,
48
+ label: t.label
49
+ }, null, 8, ["float-above", "label"])
50
+ ]));
51
+ }
52
+ }), [["__scopeId", "data-v-8264a111"]]), C = /*#__PURE__*/ y(/* @__PURE__ */ a({
31
53
  __name: "RTextFieldShell",
54
+ props: { label: {} },
55
+ setup(e) {
56
+ let t = d(!1);
57
+ return (r, a) => (u(), n("label", {
58
+ class: "rui-text-field-shell rui-text-field-shell--outlined",
59
+ onFocusin: a[0] ||= (e) => t.value = !0,
60
+ onFocusout: a[1] ||= (e) => t.value = !1
61
+ }, [f(r.$slots, "default", {}, void 0, !0), i(S, {
62
+ focused: t.value,
63
+ label: e.label
64
+ }, null, 8, ["focused", "label"])], 32));
65
+ }
66
+ }), [["__scopeId", "data-v-3becaa15"]]), w = /*#__PURE__*/ y(/* @__PURE__ */ a({
67
+ __name: "RTextInput",
68
+ props: /*@__PURE__*/ o({ textArea: {
69
+ type: Boolean,
70
+ default: !1
71
+ } }, {
72
+ modelValue: {},
73
+ modelModifiers: {}
74
+ }),
75
+ emits: ["update:modelValue"],
32
76
  setup(e) {
33
- return (e, n) => (a(), t("label", _, [o(e.$slots, "default", {}, void 0, !0), r(g)]));
77
+ let t = m(e, "modelValue"), r = d(null);
78
+ return (i, a) => e.textArea ? _((u(), n("textarea", {
79
+ key: 1,
80
+ class: "rui-text-input",
81
+ "onUpdate:modelValue": a[1] ||= (e) => t.value = e,
82
+ ref_key: "textAreaRef",
83
+ ref: r
84
+ }, null, 512)), [[h, t.value]]) : _((u(), n("input", {
85
+ key: 0,
86
+ class: "rui-text-input",
87
+ "onUpdate:modelValue": a[0] ||= (e) => t.value = e
88
+ }, null, 512)), [[h, t.value]]);
34
89
  }
35
- }), [["__scopeId", "data-v-641f7349"]]), y = /* @__PURE__ */ i({
90
+ }), [["__scopeId", "data-v-073d00b3"]]), T = /* @__PURE__ */ a({
36
91
  __name: "RTextField",
37
- setup(t) {
38
- return (t, n) => (a(), e(v, null, {
39
- default: s(() => [r(f)]),
92
+ props: /*@__PURE__*/ o({ label: {} }, {
93
+ modelValue: {},
94
+ modelModifiers: {}
95
+ }),
96
+ emits: ["update:modelValue"],
97
+ setup(e) {
98
+ let n = m(e, "modelValue");
99
+ return (r, a) => (u(), t(C, { label: e.label }, {
100
+ default: g(() => [i(w, {
101
+ modelValue: n.value,
102
+ "onUpdate:modelValue": a[0] ||= (e) => n.value = e
103
+ }, null, 8, ["modelValue"])]),
40
104
  _: 1
41
- }));
105
+ }, 8, ["label"]));
42
106
  }
43
107
  });
44
108
  //#endregion
45
- export { y as RTextField, f as RTextInput };
109
+ export { T as RTextField, w as RTextInput };
package/dist/components/textField/RTextField.vue.d.ts CHANGED
@@ -1,3 +1,13 @@
1
- declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1
+ import { RTextFieldProps } from './types.ts';
2
+ type __VLS_Props = RTextFieldProps;
3
+ type __VLS_ModelProps = {
4
+ modelValue?: string;
5
+ };
6
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
7
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ "update:modelValue": (value: string | undefined) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
2
12
  declare const _default: typeof __VLS_export;
3
13
  export default _default;
package/dist/components/textField/RTextInput.vue.d.ts CHANGED
@@ -1,4 +1,13 @@
1
- import { RTextFieldBaseProps } from './types.ts';
2
- declare const __VLS_export: import('vue').DefineComponent<RTextFieldBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RTextFieldBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
1
+ import { RTextInputProps } from './types.ts';
2
+ type __VLS_Props = RTextInputProps;
3
+ type __VLS_ModelProps = {
4
+ modelValue?: string;
5
+ };
6
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
7
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ "update:modelValue": (value: string | undefined) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
10
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
3
12
  declare const _default: typeof __VLS_export;
4
13
  export default _default;
package/dist/components/textField/components/RFloatingLabel.vue.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { RFloatingLabelProps } from '../..';
2
+ declare const __VLS_export: import('vue').DefineComponent<RFloatingLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RFloatingLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
3
+ declare const _default: typeof __VLS_export;
4
+ export default _default;
package/dist/components/textField/components/RNotchedOutline.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1
+ import { RNotchedOutlineProps } from '../types.ts';
2
+ declare const __VLS_export: import('vue').DefineComponent<RNotchedOutlineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RNotchedOutlineProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
2
3
  declare const _default: typeof __VLS_export;
3
4
  export default _default;
package/dist/components/textField/components/RTextFieldShell.vue.d.ts CHANGED
@@ -1,8 +1,9 @@
1
+ import { RTextFieldShellProps } from '../types.ts';
1
2
  declare var __VLS_1: {};
2
3
  type __VLS_Slots = {} & {
3
4
  default?: (props: typeof __VLS_1) => any;
4
5
  };
5
- declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
+ declare const __VLS_base: import('vue').DefineComponent<RTextFieldShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RTextFieldShellProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
6
7
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
7
8
  declare const _default: typeof __VLS_export;
8
9
  export default _default;
package/dist/components/textField/types.d.ts CHANGED
@@ -1,3 +1,17 @@
1
- export type RTextFieldBaseProps = {
1
+ export type RTextFieldProps = {
2
+ label?: string;
3
+ };
4
+ export type RTextFieldShellProps = {
5
+ label?: string;
6
+ };
7
+ export type RTextInputProps = {
2
8
  textArea?: boolean;
3
9
  };
10
+ export type RFloatingLabelProps = {
11
+ floatAbove: boolean;
12
+ label?: string;
13
+ };
14
+ export type RNotchedOutlineProps = {
15
+ focused: boolean;
16
+ label?: string;
17
+ };
package/dist/rui.css CHANGED
@@ -1,2 +1,2 @@
1
- [data-v-6382a243]:root{--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375rem;--rui-sys-typo-subtitle1-text-transform:none}.rui-text--subtitle1[data-v-6382a243]{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}[data-v-6382a243]:root{--rui-sys-color-primary:#6200ee}.rui-text-input[data-v-6382a243]{--rui-comp-text-highlight-color:mixin.alpha(color.$primary, 40%);font-size:var(--rui-comp-text-field-input-text-size,var(--rui-sys-typo-subtitle1-size));font-weight:var(--rui-comp-text-field-input-text-weight,var(--rui-sys-typo-subtitle1-weight));font-family:var(--rui-comp-text-field-input-text-font-family,var(--rui-sys-typo-subtitle1-font-family)), system-ui;line-height:var(--rui-comp-text-field-input-text-line-height,var(--rui-sys-typo-subtitle1-line-height));letter-spacing:var(--rui-comp-text-field-input-text-letter-spacing,var(--rui-sys-typo-subtitle1-letter-spacing));text-transform:var(--rui-comp-text-field-input-text-text-transform,var(--rui-sys-typo-subtitle1-text-transform));caret-color:var(--rui-sys-color-primary);background:0 0;border:none;outline:none;padding:0}.rui-text-input[data-v-6382a243]::selection{background-color:var(--rui-comp-text-highlight-color)}.rui-notched-outline[data-v-5b53b5c5]{box-sizing:border-box;pointer-events:none;display:flex;position:absolute;inset:0}.rui-notched-outline__leading[data-v-5b53b5c5],.rui-notched-outline__notch[data-v-5b53b5c5],.rui-notched-outline__trailing[data-v-5b53b5c5]{border-width:1px;border-color:#0000001f}.rui-notched-outline__leading[data-v-5b53b5c5]{border-inline-start-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-start-radius:var(--rui-text-field-outlined-top-left-radius);border-end-start-radius:var(--rui-text-field-outlined-bottom-left-radius);width:12px}.rui-notched-outline__notch[data-v-5b53b5c5]{border-top-style:solid;border-bottom-style:solid}.rui-notched-outline__trailing[data-v-5b53b5c5]{border-inline-end-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-end-radius:var(--rui-text-field-outlined-top-right-radius);border-end-end-radius:var(--rui-text-field-outlined-bottom-right-radius);flex-grow:1}.rui-text-field-shell[data-v-641f7349]{--rui-text-field-outlined-top-left-radius:4px;--rui-text-field-outlined-top-right-radius:4px;--rui-text-field-outlined-bottom-left-radius:4px;--rui-text-field-outlined-bottom-right-radius:4px;border-radius:var(--rui-text-field-outlined-top-left-radius) var(--rui-text-field-outlined-top-right-radius) var(--rui-text-field-outlined-bottom-right-radius) var(--rui-text-field-outlined-bottom-left-radius);min-height:56px;padding:0 16px;display:inline-flex;position:relative;overflow:hidden}:root{--rui-sys-color-primary:#6200ee;--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375rem;--rui-sys-typo-subtitle1-text-transform:none}.rui-text--subtitle1{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}
1
+ [data-v-5c46cc9c]:root{--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375px;--rui-sys-typo-subtitle1-text-transform:none;--rui-sys-typo-caption-size:.75rem;--rui-sys-typo-caption-weight:400;--rui-sys-typo-caption-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-caption-line-height:1.5rem;--rui-sys-typo-caption-letter-spacing:.0333333px;--rui-sys-typo-caption-text-transform:none}.rui-text--subtitle1[data-v-5c46cc9c]{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}.rui-text--caption[data-v-5c46cc9c]{font-size:var(--rui-sys-typo-caption-size);font-weight:var(--rui-sys-typo-caption-weight);font-family:var(--rui-sys-typo-caption-font-family), system-ui;line-height:var(--rui-sys-typo-caption-line-height);letter-spacing:var(--rui-sys-typo-caption-letter-spacing);text-transform:var(--rui-sys-typo-caption-text-transform)}[data-v-5c46cc9c]:root{--rui-sys-color-primary:#6200ee;--rui-sys-on-surface-medium:#0000008a;--rui-sys-on-surface-high:#000000de}.rui-floating-label[data-v-5c46cc9c]{font-size:var(--rui-comp-text-field-input-text-size,var(--rui-sys-typo-subtitle1-size));font-weight:var(--rui-comp-text-field-input-text-weight,var(--rui-sys-typo-subtitle1-weight));font-family:var(--rui-comp-text-field-input-text-font-family,var(--rui-sys-typo-subtitle1-font-family)), system-ui;line-height:var(--rui-comp-text-field-input-text-line-height,var(--rui-sys-typo-subtitle1-line-height));letter-spacing:var(--rui-comp-text-field-input-text-letter-spacing,var(--rui-sys-typo-subtitle1-letter-spacing));text-transform:var(--rui-comp-text-field-input-text-text-transform,var(--rui-sys-typo-subtitle1-text-transform));top:50%;pointer-events:none;color:var(--rui-sys-on-surface-medium);transition:all .167s cubic-bezier(.4,0,.2,1),color .167s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;inset-inline-start:0;transform:translateY(-50%)}.rui-floating-label--float-above[data-v-5c46cc9c]{font-size:var(--rui-comp-text-field-floating-label-size,var(--rui-sys-typo-caption-size));font-weight:var(--rui-comp-text-field-floating-label-weight,var(--rui-sys-typo-caption-weight));font-family:var(--rui-comp-text-field-floating-label-font-family,var(--rui-sys-typo-caption-font-family)), system-ui;line-height:var(--rui-comp-text-field-floating-label-line-height,var(--rui-sys-typo-caption-line-height));letter-spacing:var(--rui-comp-text-field-floating-label-letter-spacing,var(--rui-sys-typo-caption-letter-spacing));text-transform:var(--rui-comp-text-field-floating-label-text-transform,var(--rui-sys-typo-caption-text-transform));color:var(--rui-sys-color-primary);top:0}[data-v-8264a111]:root{--rui-sys-color-primary:#6200ee;--rui-sys-on-surface-medium:#0000008a;--rui-sys-on-surface-high:#000000de;--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375px;--rui-sys-typo-subtitle1-text-transform:none;--rui-sys-typo-caption-size:.75rem;--rui-sys-typo-caption-weight:400;--rui-sys-typo-caption-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-caption-line-height:1.5rem;--rui-sys-typo-caption-letter-spacing:.0333333px;--rui-sys-typo-caption-text-transform:none}.rui-text--subtitle1[data-v-8264a111]{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}.rui-text--caption[data-v-8264a111]{font-size:var(--rui-sys-typo-caption-size);font-weight:var(--rui-sys-typo-caption-weight);font-family:var(--rui-sys-typo-caption-font-family), system-ui;line-height:var(--rui-sys-typo-caption-line-height);letter-spacing:var(--rui-sys-typo-caption-letter-spacing);text-transform:var(--rui-sys-typo-caption-text-transform)}.rui-notched-outline[data-v-8264a111]{box-sizing:border-box;pointer-events:none;display:flex;position:absolute;inset:0}.rui-notched-outline__leading[data-v-8264a111],.rui-notched-outline__trailing[data-v-8264a111]{box-sizing:border-box;border-width:1px;border-color:#0000001f}.rui-notched-outline__leading[data-v-8264a111]{border-inline-start-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-start-radius:var(--rui-text-field-outlined-top-left-radius);border-end-start-radius:var(--rui-text-field-outlined-bottom-left-radius);width:12px}.rui-notched-outline__label-space[data-v-8264a111]{display:flex}.rui-notched-outline__label-space__leading[data-v-8264a111],.rui-notched-outline__label-space__trailing[data-v-8264a111]{border-width:1px;border-color:#0000001f;border-top-style:solid;border-bottom-style:solid;flex:1}.rui-notched-outline__label-space__notch[data-v-8264a111]{border-width:1px;border-color:#0000001f;border-bottom-style:solid;transition:width .2s cubic-bezier(.4,0,.2,1)}.rui-notched-outline__label-space__shadow-label[data-v-8264a111]{font-size:var(--rui-comp-text-field-floating-label-size,var(--rui-sys-typo-caption-size));font-weight:var(--rui-comp-text-field-floating-label-weight,var(--rui-sys-typo-caption-weight));font-family:var(--rui-comp-text-field-floating-label-font-family,var(--rui-sys-typo-caption-font-family)), system-ui;line-height:var(--rui-comp-text-field-floating-label-line-height,var(--rui-sys-typo-caption-line-height));letter-spacing:var(--rui-comp-text-field-floating-label-letter-spacing,var(--rui-sys-typo-caption-letter-spacing));text-transform:var(--rui-comp-text-field-floating-label-text-transform,var(--rui-sys-typo-caption-text-transform));opacity:0;visibility:hidden;padding:0 4px;position:absolute}.rui-notched-outline__trailing[data-v-8264a111]{border-inline-end-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-end-radius:var(--rui-text-field-outlined-top-right-radius);border-end-end-radius:var(--rui-text-field-outlined-bottom-right-radius);flex-grow:1}.rui-notched-outline__label[data-v-8264a111]{position:absolute;inset-inline-start:16px}[data-v-3becaa15]:root{--rui-sys-color-primary:#6200ee;--rui-sys-on-surface-medium:#0000008a;--rui-sys-on-surface-high:#000000de}.rui-text-field-shell[data-v-3becaa15]{--rui-text-field-outlined-top-left-radius:4px;--rui-text-field-outlined-top-right-radius:4px;--rui-text-field-outlined-bottom-left-radius:4px;--rui-text-field-outlined-bottom-right-radius:4px;border-radius:var(--rui-text-field-outlined-top-left-radius) var(--rui-text-field-outlined-top-right-radius) var(--rui-text-field-outlined-bottom-right-radius) var(--rui-text-field-outlined-bottom-left-radius);min-height:56px;padding:0 16px;display:inline-flex;position:relative}.rui-text-field-shell[data-v-3becaa15]:hover .rui-notched-outline .rui-notched-outline__leading,.rui-text-field-shell[data-v-3becaa15]:hover .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__leading,.rui-text-field-shell[data-v-3becaa15]:hover .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__notch,.rui-text-field-shell[data-v-3becaa15]:hover .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__trailing,.rui-text-field-shell[data-v-3becaa15]:hover .rui-notched-outline .rui-notched-outline__trailing{border-color:var(--rui-sys-on-surface-high)}.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__leading,.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__leading,.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__notch,.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__trailing,.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__trailing{border-width:2px;border-color:var(--rui-sys-color-primary)}.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__label-space>.rui-notched-outline__label-space__notch{border-top-style:none;transition:width 75ms cubic-bezier(.4,0,.2,1)}.rui-text-field-shell[data-v-3becaa15]:focus-within .rui-notched-outline .rui-notched-outline__label{inset-inline-start:16px}[data-v-073d00b3]:root{--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375px;--rui-sys-typo-subtitle1-text-transform:none;--rui-sys-typo-caption-size:.75rem;--rui-sys-typo-caption-weight:400;--rui-sys-typo-caption-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-caption-line-height:1.5rem;--rui-sys-typo-caption-letter-spacing:.0333333px;--rui-sys-typo-caption-text-transform:none}.rui-text--subtitle1[data-v-073d00b3]{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}.rui-text--caption[data-v-073d00b3]{font-size:var(--rui-sys-typo-caption-size);font-weight:var(--rui-sys-typo-caption-weight);font-family:var(--rui-sys-typo-caption-font-family), system-ui;line-height:var(--rui-sys-typo-caption-line-height);letter-spacing:var(--rui-sys-typo-caption-letter-spacing);text-transform:var(--rui-sys-typo-caption-text-transform)}[data-v-073d00b3]:root{--rui-sys-color-primary:#6200ee;--rui-sys-on-surface-medium:#0000008a;--rui-sys-on-surface-high:#000000de}.rui-text-input[data-v-073d00b3]{--rui-comp-text-highlight-color:rgba(from var(--rui-sys-color-primary) r g b/40%);font-size:var(--rui-comp-text-field-input-text-size,var(--rui-sys-typo-subtitle1-size));font-weight:var(--rui-comp-text-field-input-text-weight,var(--rui-sys-typo-subtitle1-weight));font-family:var(--rui-comp-text-field-input-text-font-family,var(--rui-sys-typo-subtitle1-font-family)), system-ui;line-height:var(--rui-comp-text-field-input-text-line-height,var(--rui-sys-typo-subtitle1-line-height));letter-spacing:var(--rui-comp-text-field-input-text-letter-spacing,var(--rui-sys-typo-subtitle1-letter-spacing));text-transform:var(--rui-comp-text-field-input-text-text-transform,var(--rui-sys-typo-subtitle1-text-transform));caret-color:var(--rui-sys-color-primary);background:0 0;border:none;outline:none;padding:0}.rui-text-input[data-v-073d00b3]::selection{background-color:var(--rui-comp-text-highlight-color)}:root{--rui-sys-color-primary:#6200ee;--rui-sys-on-surface-medium:#0000008a;--rui-sys-on-surface-high:#000000de;--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375px;--rui-sys-typo-subtitle1-text-transform:none;--rui-sys-typo-caption-size:.75rem;--rui-sys-typo-caption-weight:400;--rui-sys-typo-caption-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-caption-line-height:1.5rem;--rui-sys-typo-caption-letter-spacing:.0333333px;--rui-sys-typo-caption-text-transform:none}.rui-text--subtitle1{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}.rui-text--caption{font-size:var(--rui-sys-typo-caption-size);font-weight:var(--rui-sys-typo-caption-weight);font-family:var(--rui-sys-typo-caption-font-family), system-ui;line-height:var(--rui-sys-typo-caption-line-height);letter-spacing:var(--rui-sys-typo-caption-letter-spacing);text-transform:var(--rui-sys-typo-caption-text-transform)}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,13 +1,10 @@
1
1
  {
2
2
  "name": "@ripple-design/rui",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Modular and customizable Ripple Design UI components for Vue 3",
5
5
  "files": [
6
6
  "dist"
7
7
  ],
8
- "publishConfig": {
9
- "access": "public"
10
- },
11
8
  "type": "module",
12
9
  "sideEffects": false,
13
10
  "main": "./dist/index.js",
@@ -22,10 +19,10 @@
22
19
  "types": "./dist/components/index.d.ts",
23
20
  "import": "./dist/components/index.js"
24
21
  },
25
- "./styles": {
26
- "types": "./dist/styles.d.ts",
27
- "import": "./dist/styles.js"
28
- }
22
+ "./styles.css": "./dist/rui.css"
23
+ },
24
+ "publishConfig": {
25
+ "access": "public"
29
26
  },
30
27
  "scripts": {
31
28
  "build": "vue-tsc --noEmit -p tsconfig.json && vite build",